Как использовать CKEditor с директивами Angular ngShow / ngHide

Question

Как использовать CKEditor с директивами Angular ngShow / ngHide

0

Я использую CKEditor в качестве редактора WYSIWYG для ввода текста на моем сайте. И я столкнулся с проблемой использования этого редактора с угловой директивой ng-show.

Когда редактор загружается с помощью ng-show = "true", редактор отлично работает. Значение панели инструментов всплывает, кнопки на панели инструментов работают, и текст также редактируется.

Однако, когда редактор сначала загружает ng-show = "false", а затем переключается на ng-show = "true", панель инструментов все же появляется, но атрибут contenteditable по какой-либо причине имеет значение false, а кнопки отключены.

Мой экземпляр CKEditor является встроенным редактором и загружается с помощью настраиваемой угловой директивы. Шаблон html устанавливает для атрибута contenteditable значение true.

tyler 06 июнь 2016, в 23:14

Источник

Теги:

angularjs

ng-show

ckeditor

2 ответа

Ещё вопросы

omid.n · Answer 1 · 2016-10-11T09-53-00.000Z

Попробуйте ng-if instread. Это в основном не делает редактор вообще наоборот. Кажется, что он хорошо работает в вышеупомянутом сценарии.

Aminah Nuraini · Answer 2 · 2016-06-07T17-33-00.000Z

У вас возникла эта проблема, потому что CKEDITOR пытается изменить textarea с самого начала рендеринга HTML, но textarea еще не существовала, поскольку условие ng-show не было выполнено.

Существуют угловые модули для CKEDITOR, которые мы можем использовать в Интернете. Вы можете выбрать один и использовать его.

Я думал, что ng-show помещает элементы в DOM и использует css, чтобы скрыть элемент? Возможно, его не существует, когда ckeditor пытается подключиться, но тогда почему я вижу панель инструментов ckeditor?
Я не знаю. Это тоже странно для меня. Но ошибка Javascript показывает это.
@tyler Я использую AlloyEditor, который построен на CKEditor. Я застрял на той же проблеме. Вы решили эту проблему?