저는 CKEditor를 사용 중이며 YouTube, Vimeo 등에서 퍼가기 코드 삽입을 허용하려고합니다. CKEditor는 모든 태그를 HTML Chars와 동등한 것으로 변환하지만 예외를 만들기를 원합니다. 이런 종류의 내용. iFrames는 요즘 어떻게 이루어지고있는 것 같아요. 그래서 CKEditor에게 iFrame 태그 만 남기라고 말할 수 있습니까?CKEditor : 동영상 퍼가기 코드 허용
감사합니다.
저는 CKEditor를 사용 중이며 YouTube, Vimeo 등에서 퍼가기 코드 삽입을 허용하려고합니다. CKEditor는 모든 태그를 HTML Chars와 동등한 것으로 변환하지만 예외를 만들기를 원합니다. 이런 종류의 내용. iFrames는 요즘 어떻게 이루어지고있는 것 같아요. 그래서 CKEditor에게 iFrame 태그 만 남기라고 말할 수 있습니까?CKEditor : 동영상 퍼가기 코드 허용
감사합니다.
동일한 솔루션을 검색하면서 질문을 찾았습니다. 여기 내가 찾은 것이 있습니다. 기본적으로 이미지 버튼과 같은 도구 모음에 버튼을 추가하지만 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
으로 설정하십시오. 나는 Amixa Blog에이 솔루션을 발견
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;
};
예를 들어
. 블로그 게시물은 ASPMAKER라는 특정 CMS 용으로 작성된 것으로 보이며 해당 CMS의 특정 ASP 파일에 대한 조정을 권장하지만 CKEditor 구성에 대한이 편집은 일반적이며 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 찾을 수 없음, can 너 내가 새로운 링크를 업데이트시켜 주시겠습니까? – Nemke