2013-08-20 105 views
1

將內聯編輯應用於div標籤時超鏈接不起作用。您可以嘗試在線DEMOCkeditor內聯編輯 - 超鏈接不起作用

  1. 插入超鏈接
  2. 禁用聯編輯通過點擊某個頁面上
  3. 嘗試點擊超鏈接創建對話框。超鏈接手形光標不像正常情況下按網頁中的鏈接時所期望的那樣顯示。

銷燬CKeditor實例也不能解決此問題。

這是正常的行爲嗎?

+0

這很好。即使一個實例被銷燬,該元素仍然具有'contenteditable =「true」'[attribute](http://www.w3.org/TR/2008/WD-html5-20080610/editing.html#contenteditable0)(檢查代碼)。瀏覽器假設這樣的元素用於創建內容,但不用於導航,除非您刪除該屬性。 – oleq

+0

@oleq我可以通過使用jquery刪除'contenteditable =「true」' 我已經使用這段代碼,但是這不是成功'$(「#editable」)。removeAttr(「contenteditable」);' =>超鏈接仍然不起作用 – JVGAG

+0

'$('#editable')。attr('contenteditable','false');'會更好。 – zessx

回答

2

這是正常行爲,您處於編輯模式。

內聯編輯是爲後端應用程序編寫的,但您並不想單擊像前端用戶那樣的超鏈接。您只需在前端div中顯示生成的HTML(當然,不包含CKEditor)即可使您的超鏈接正常工作。

+0

假設我想創建一個小的CMS應用程序 用戶可以修改內容它已被包含在一個屬性'contenteditable'設置爲真的div中 這個數據可以存儲在後端的某個地方,但是我應該如何顯示這個內容? 如果你可以刪除CKeditor實例或相關屬性使用後的div在飛行中已按下Ckeditor中的保存按鈕。另一個按鈕將再次激活編輯器.... .. – JVGAG

+0

你有一個用戶操作來進入/退出編輯模式(一個按鈕被按下)。那麼我建議你在進入/離開這個模式時重新加載頁面。在這種情況下,您可以啓用或不啓用CKEditor,並避免編輯模式的腳本執行。此外,您可以輕鬆管理編輯模式下的權限 – zessx

+1

所有文本編輯器,從Gmail到Ms Word,都允許打開鏈接。 -1 – steph643

1

要在內嵌編輯模式下打開鏈接,只需按CTRL +單擊,就像在MS Word中一樣,但不能與IE一起使用。