div 태그에 인라인 편집을 적용 할 때 하이퍼 링크가 작동하지 않습니다.Ckeditor 인라인 편집 - 하이퍼 링크가 작동하지 않습니다.
당신은이 온라인 DEMO에 그것을 시도 할 수 있습니다. 생성 된 하이퍼 링크를 클릭 할 페이지에 어딘가에
CKeditor 인스턴스를 파괴하면이 문제가 해결되지 않습니다.
정상적인 동작입니까?
이것은 정상적인 동작이며 편집 모드입니다.
인라인 편집이 백 엔드 사용을 위해 만들어진, 당신은 프런트 엔드 사용자와 같은 그 하이퍼 링크를 클릭 할 생각하지하고 있습니다. 하이퍼 링크를 작동 시키려면 프론트 엔드 div (물론 CKEditor없이)에 생성 된 HTML을 표시하면됩니다.
작은 CMS 응용 프로그램을 만들고 싶다고 가정하십시오. 사용자가 내용을 수정할 수 있습니다 속성 사업부 내부에 포함되어있는 '의 contentEditable' 이 데이터는 백엔드 어딘가에 저장 될 수 있습니다. true로 설정,하지만 어떻게 내가이 콘텐츠를 표시해야합니까? 당신이 CKeditor 인스턴스 또는 관련 속성을 제거 할 수 있다면 이상적 일 것이다 사용 후 div의 Ckeditor에서 저장 버튼을 누르면 다른 버튼이 편집기를 다시 활성화합니다 .... .. – JVGAG
편집 모드로 들어가거나 나가기위한 사용자 행동이 있습니다 (버튼 누름). 그런 다음이 모드로 들어가거나 떠날 때 페이지를 다시로드하라고 제안합니다. 이 경우 CKEditor를 사용할지 여부를 결정할 수 있으며 편집 모드의 스크립트가 실행되지 않도록 할 수 있습니다. 또한 편집 모드에서 권한을 쉽게 관리 할 수 있습니다. – zessx
gmail에서 Ms Word에 이르기까지 모든 텍스트 편집기가 링크를 열 수 있습니다. -1 – steph643
링크를 인라인 편집 모드로 열려면 MS Word에서와 같이 Ctrl 키를 누른 채 클릭하고 Internet Explorer에서는 클릭하지 마십시오.
괜찮습니다. 인스턴스가 파기 되더라도 요소에는 여전히 'contenteditable = "true"'[attribute] (http://www.w3.org/TR/2008/WD-html5-20080610/editing.html#contenteditable0) (inspect 코드). 브라우저는 속성을 제거하지 않는 한 이러한 요소는 탐색을위한 것이 아니라 내용을 만드는 것으로 간주합니다. – oleq
@oleq은 내가 ' "? jQuery를 사용하여 즉시 사실의 contentEditable ='나는이 코드를 사용했다, 그러나 이것은 성공하지 못한 제거 할 수 '$ ("# 편집 "()의 contentEditable") removeAttr. ";' . => 하이퍼 링크는 여전히 – JVGAG
'$를 작동하지 않습니다 ('# 편집') ATTR는 ('의 contentEditable' '거짓');'더 나은 것 – zessx