2011-03-07 13 views
4

저는 CKEditor를 사용 중이며 YouTube, Vimeo 등에서 퍼가기 코드 삽입을 허용하려고합니다. CKEditor는 모든 태그를 HTML Chars와 동등한 것으로 변환하지만 예외를 만들기를 원합니다. 이런 종류의 내용. iFrames는 요즘 어떻게 이루어지고있는 것 같아요. 그래서 CKEditor에게 iFrame 태그 만 남기라고 말할 수 있습니까?CKEditor : 동영상 퍼가기 코드 허용

감사합니다.

답변

6

동일한 솔루션을 검색하면서 질문을 찾았습니다. 여기 내가 찾은 것이 있습니다. 기본적으로 이미지 버튼과 같은 도구 모음에 버튼을 추가하지만 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

+0

정말 대단합니다. 고마워요. – Francisc

+0

내가 끼워 넣으려고하면 오류 400이 발생했습니다. 이 문제를 해결하기 위해 필자는 다음 코드를 plugin.js'' ' –

+0

404 찾을 수 없음, can 너 내가 새로운 링크를 업데이트시켜 주시겠습니까? – Nemke

0

쉬운 방법은 '소스'버튼을 활성화하는 것입니다. 전체 도구 모음 (기본이 아닌)을 사용하면 이미 있습니다.

+4

귀하의 제안에 감사드립니다. 그러나 최종 사용자는 techincal이 아니므로 소스 버튼을 제공하면 재앙이 될 수 있습니다. – Francisc

2

이 문제를 해결하지 않습니다. "iframe"과 같은 소스 코드를 붙여 넣을 수 있지만 두 번째로 돌아와 편집하면 CKeditor에서 제거합니다. 먼저 iframe 임베딩을 허용하도록 CKeditor를 구성해야합니다.

+2

"먼저 iframe 삽입을 허용하도록 CKeditor를 구성해야합니다." 방법? – Randell

0

CKEditor에는 config.js 파일이 있습니다. 이 파일에서 매개 변수 config.allowedContenttrue으로 설정하십시오. 나는 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; 만 있으면됩니다.

+0

TL; DR - config.allowedContent = true 추가; – Ben

+0

고급 내용 필터를 비활성화하려면'CKEDITOR.config.allowedContent'를'true'로 설정하십시오.사용 가능한 모든 편집기 기능이 활성화되고 입력 데이터가 필터링되지 않습니다. ACF가 비활성화되면'CKEDITOR.config.disallowedContent'를 사용할 수 없습니다. 'CKEDITOR.config.allowedContent = true' 만 사용하면 사용자는 불쾌한 일을 할 수 있습니다. –

2

아니요.이 답변 중 어느 것도 정확하지 않습니다. 플러그인은 당신이하고 싶은 일에 과잉이다. 다음 텍스트에 대해 프로젝트 전체 검색을 수행하십시오. extraAllowedContent 및 허용되는 다른 내용이있는 경우 'iframe[!src];'을 추가하십시오. 그런 다음 다음을 추가하십시오. allowedContent: true,

관련 문제