CKEditor: разрешить код для вставки видео

Question

Я использую CKEditor и хочу разрешить вставку встраиваемого кода с YouTube, Vimeo и т. Д. CKEditor превращает все теги в эквивалент HTML Chars, что хорошо, но я хочу, чтобы он делал исключения для этого вида контента.iFrames, кажется, так делают сейчас, так как я могу сказать CKEditor оставить теги iFrame в покое?

Спасибо.

Answer 1

Только что нашел ваш вопрос при поиске того же решения.Вот что я нашел.По сути, он добавляет кнопку на панель инструментов, например кнопку «Изображение», но при этом появляется окно, в которое можно вставить код для вставки из YouTube, Vimeo и т. Д.Кажется, работает очень хорошо.

http://www.fluidbyte.net/index.php?view=embed-youtube-vimeo-etc-into-ckeditor

Редактировать: Ссылка на archive.org: http://web.archive.org/web/20110805213357/http://www.fluidbyte.net/index.php?view=embed-youtube-vimeo-etc-into-ckeditor

Answer 2

Нет.Ни один из этих ответов не является точным.Плагин излишним для того, что вы хотите сделать.Выполните поиск по всему проекту для следующего текста: extraAllowedContent и добавьте 'iframe[!src];' к любому другому разрешенному контенту.Затем добавьте следующее: allowedContent: true,

Answer 3

Включение кнопки «Источник» не решает эту проблему.Затем можно вставить код для вставки, такой как «iframe», но если вы вернетесь и отредактируете поле во второй раз, CKeditor удалит его.Вам необходимо настроить CKeditor, чтобы в первую очередь разрешить встраивание iframe.

Answer 4

CKEditor поставляется с файлом config.js.В этом файле установите для параметра config.allowedContent значение true.

Например,

CKEDITOR.editorConfig = function( config )
{
    config.toolbar_TRiGCustom =
    [
        ['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','-','Blockquote'],
        ['FontSize'],
        ['Undo','Redo'],
        ['Link','Unlink','Image','Table'],
        ['NumberedList', 'BulletedList'],
        ['Source'],
        ['Maximize']
    ];
    config.toolbar = 'TRiGCustom';
    config.forcePasteAsPlainText = true;
    config.forceSimpleAmpersand = true;
    config.resize_enabled = false;
    config.toolbarCanCollapse = false;
    config.scayt_autoStartup = true;
    config.language = 'en';
    config.uiColor = '#76BC49';
    config.width = '97%';
    config.extraPlugins = 'maximize';
    config.allowedContent = true;
};

Я нашел это решение в Amixa Blog .Сообщение в блоге, кажется, написано для определенной CMS, называемой ASPMAKER, и также рекомендует настройки для конкретных файлов ASP в этой CMS, но это изменение конфигурации CKEditor является общим и применяется к CKEditor везде, где вы его используете.Линия config.allowedContent = true; - это все, что вам нужно.

Answer 5

Самый простой способ - включить кнопку «Источник».Если вы используете полную панель инструментов (не базовую), она уже присутствует.