1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/twp0217-ng2-ueditor

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
В этом репозитории не указан файл с открытой лицензией (LICENSE). При использовании обратитесь к конкретному описанию проекта и его зависимостям в коде.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

Angular2 UEditor компонент

Введение Angular2 Ueditor — это компонент для Angular2.

Установка

npm install ng2-ueditor --save

Использование

  1. В проект необходимо включить файлы JavaScript для UEditor:
<script type="text/javascript" src="assets/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="assets/ueditor/ueditor.all.js"></script>
  1. Установить пакет зависимостей ng2-ueditor:
npm install ng2-ueditor --save
  1. Импортировать Ng2UeditorModule в модуль:
import { Ng2UeditorModule } from 'ng2-ueditor';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    Ng2UeditorModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
  1. Использовать на странице шаблона:
<ng2-ueditor [(ngModel)]="content"></ng2-ueditor>

Свойства (Attributes)

Наименование Тип Значение по умолчанию Описание
setting any {} Конфигурационные параметры

События (Events)

Наименование Параметры Описание
onReady - Завершение инициализации редактора
onValueChange value: string Изменение содержимого редактора
onFocus - Редактор получает фокус

Методы (Methods)

Наименование Возвращаемое значение Описание
getContent value: string Получение содержимого редактора
getPlainTxt value: string Получает содержимое редактора в виде чистого текста с сохранением формата абзацев
getContentTxt value: string Получает чистый текст из редактора без сохранения формата абзацев
hasContents value: boolean Проверяет наличие содержимого в области редактирования

Использование

import { Ng2Ueditor } from 'ng2-ueditor';

@ViewChild('ueditor') ueditor: Ng2Ueditor;

console.log('Содержимое редактора: ' + this.ueditor.getContent());
console.log('Чистый текст, сохранение формата абзацев: ' + this.ueditor.getPlainTxt());
console.log('Чистый текст без формата абзацев: ' + this.ueditor.getContentTxt());
console.log('Есть ли содержимое: ' + this.ueditor.hasContents());

Пример (создан на основе angular-cli)

  1. Перейдите в каталог demo:
cd demo
  1. Установите зависимости:
npm install
  1. Запустите сервер:
ng serve
  1. Откройте http://localhost:4200/

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Angular2 UEditor компонент (Angular2 UEditor component). Развернуть Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/twp0217-ng2-ueditor.git
git@api.gitlife.ru:oschina-mirror/twp0217-ng2-ueditor.git
oschina-mirror
twp0217-ng2-ueditor
twp0217-ng2-ueditor
master