如何将文本添加到primeng编辑器中-Java 学习之路

我有一个包含给定源文本的p编辑器：

<p>Some texte 1</p>
<p>Some texte 2</p>

我在p-dropdown上有一个onchange事件，将所选选项添加到编辑器：

<p>Some texte 1</p>
<p>Some texte 2 SelectedValue</p>

我怎么能实现这个目标？

1 回答

编辑器和下拉列表都有可以使用的事件方法 . 以下是您可以使用的简化示例：

角度：

import { Component } from '@angular/core';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    title = 'app';
    text1 = '<div>Hello World!</div><div>PrimeNG <b>Editor</b> Rocks</div><div><br></div>';
    text2: string;

    cities = [
        { name: 'New York', code: 'NY' },
        { name: 'Rome', code: 'RM' },
        { name: 'London', code: 'LDN' },
        { name: 'Istanbul', code: 'IST' },
        { name: 'Paris', code: 'PRS' }
    ];

    emitContentFromDropdown(e: Event) {
        const dropDownValue = e['value']['name'];
        this.text1 = this.text1 + '<br>' + dropDownValue;
    }

}

HTML：

<h3 class="first">Default</h3>
<p-editor [(ngModel)]="text1" [style]="{'height':'320px'}"></p-editor>

<h3 class="first">Single</h3>
<p-dropdown [options]="cities" (onChange)="emitContentFromDropdown($event)" [(ngModel)]="selectedCity" placeholder="Select a City" optionLabel="name"></p-dropdown>

可能不完全是你想要做的（而不是最好的方法），但只是想给你一个能引导你走向正确方向的例子 . 希望这可以帮助 .

回复于 2024-05-09T03:24:20+08:00

如何将文本添加到primeng编辑器中

1 回答

相关问题