Оберните содержимое CKEditor WYSYWG дополнительным (не редактируемым) HTML, чтобы применить форматирование, специфичное для элемента - PullRequest
6 голосов
/ 03 мая 2010

Я пытаюсь, чтобы представление WYSYWG в CKEDITOR отображалось в том же формате, что и в окончательном отображаемом HTML.

В настоящее время я применяю правильный CSS, указав свойство contentCss при загрузке CKEditor.

Это прекрасно работает для некоторых форматов, однако большая часть форматирования CSS применяется к элементам, которые будут окружать отредактированный HTML-код на конечной отображаемой странице, и поэтому представление WYSYWG не согласуется с окончательным отображаемым представлением.

Я хотел бы иметь возможность указывать код HTML во время выполнения, который будет оборачивать редактируемый контент HTML в представлении CKEditor WYSYWG, но не должен быть частью редактируемого кода или отображаться в коде HTML.

Например, в настоящее время HTML-код, окружающий редактируемый контент:

<body spellcheck="false" class="cke_show_borders">
  [Editable Content]
</body>

Где, как в одном конкретном случае, я бы хотел, чтобы это выглядело так:

<body spellcheck="false" class="cke_show_borders"><div id="container_everything"><div id="content_container"><div class="introduction_container"><div class="introduction_text">
  [Editable Content]
</div></div></div></div></body>

Мне нужно иметь возможность указывать разные префиксные и суффиксные блоки кода во время выполнения, так как конкретный HTML зависит от контекста редактируемого элемента.

Кто-нибудь может указать мне правильное направление?

Спасибо.

Ответы [ 2 ]

1 голос
/ 17 ноября 2015

В конце концов, я обнаружил, что самым простым решением этой проблемы было использование встроенного CKEditor, а не автономного ... это потребовало существенных изменений в основном приложении и, следовательно, может не подходить для всех обстоятельств - но в В конце концов, это означает, что редактор действительно WYSIWYG.

0 голосов
/ 04 мая 2010

Я думаю, вам нужно посмотреть на метод ProtectedSource.Add: http://docs.cksource.com/FCKeditor_2.x/Developers_Guide/Configuration/Configuration_Options/ProtectedSource.Add

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...