ngx-neditor
Более современный текстовый редактор с расширенными возможностями в виде компонента Angular, основанный на @notadd/neditor.
npm install @notadd/ngx-neditor
mkdir -p ./src/assets/node_modules
npm install --prefix ./src/assets @notadd/neditor
⚠ neditor должен быть установлен в assets/node_modules.
Добавьте NgxNeditorModule в свой AppModule:
import { NgxNeditorModule } from '@notadd/ngx-neditor';
@NgModule({
imports: [
...
NgxNeditorModule
],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
В вашем компоненте добавьте компонент ngx-neditor:
<ngx-neditor [(ngModel)]="content" #neditor [config]="config"></ngx-neditor>
Название | Тип | Значение по умолчанию | Описание |
---|---|---|---|
config | Object |
- | Конфигурация для клиентской стороны, см. официальную документацию |
loadingTip | string |
Загрузка... |
Текст подсказки при инициализации |
disabled | boolean |
false |
Отключено ли |
delay | number |
50 |
Задержка инициализации neditor, единица измерения: миллисекунды |
neOnReady | EventEmitter<UEditorComponent> |
- | После того как редактор будет готов, будет вызвано это событие, и текущий экземпляр объекта NgxNeditorComponent будет передан, что можно использовать для последующих операций |
neOnDestroy | EventEmitter |
- | Это событие будет вызвано после уничтожения компонента редактора |
ngModelChange | EventEmitter<string> |
- | Когда содержимое редактора изменяется, вызывается это событие |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )