私はCKEditorを使用していて、YouTube、Vimeoなどの埋め込みコードの挿入を許可します。 CKEditorはすべてのタグをHTMLのCharsに相当するものに変換しますが、この種のコンテンツiFramesは今日のやり方だと思われるので、CKEditorにiFrameタグだけを残すように指示するにはどうすればいいですか?CKEditor:ビデオ埋め込みコードを許可する
ありがとうございます。
私はCKEditorを使用していて、YouTube、Vimeoなどの埋め込みコードの挿入を許可します。 CKEditorはすべてのタグをHTMLのCharsに相当するものに変換しますが、この種のコンテンツiFramesは今日のやり方だと思われるので、CKEditorにiFrameタグだけを残すように指示するにはどうすればいいですか?CKEditor:ビデオ埋め込みコードを許可する
ありがとうございます。
同じ解決策を探しているうちに質問が見つかりました。ここに私が見つけたものがあります。基本的に、Imageボタンのようなツールバーにボタンを追加しますが、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
簡単な方法は、[ソース]ボタンを有効にすることです。完全なツールバー(基本ではない)を使用している場合は、既に存在しています。
あなたの提案をありがとうございますが、エンドユーザはtechincalではなく、ソースボタンを与えることは災害になる可能性があります。 – Francisc
この問題を解決していません。 「iframe」などの埋め込みコードを貼り付けることができますが、もう一度戻ってフィールドを編集すると、CKeditorはそれを取り除きます。最初にiframeを埋め込むようにCKeditorを設定する必要があります。
"最初にiframe埋め込みを許可するには、CKeditorを設定する必要があります。どうやって? – Randell
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に、この解決策を見つけました。ブログ投稿はASPMAKERと呼ばれる特定のCMS用に書かれているようですが、そのCMS内の特定のASPファイルを調整することをお勧めしますが、CKEditor設定へのこの編集は一般的なものであり、線config.allowedContent = true;
だけで十分です。
TL; DR - config.allowedContent = trueを追加します。 – Ben
アドバンストコンテンツフィルタを無効にする場合は、 'CKEDITOR.config.allowedContent'を' true'に設定します。使用可能なすべてのエディタ機能が有効になり、入力データはフィルタリングされません。 ACFが無効のときは 'CKEDITOR.config.disallowedContent'を使うことはできません。 'CKEDITOR.config.allowedContent = true'だけを使うと、ユーザーは厄介なことをすることができます。 –
いいえ、これらの回答はまったく正確ではありません。プラグインは、あなたがやりたいことに対する過剰なものです。次のテキストをプロジェクト全体で検索してください:extraAllowedContent
と他の許可されているコンテンツに'iframe[!src];'
を追加してください。次に、以下を追加してください:allowedContent: true,
それは素晴らしいです、ありがとう。 – Francisc
埋め込みをしようとしたときにエラー400が発生しました。これを修正するために、次のコードをplugin.js ''
404が見つかりませんでした。あなたは私に新しいリンクを更新してください? – Nemke