2012-05-30 42 views
1

下午好人們,開錨與jQuery CKEDITOR

我與CKEDITOR和JQuery我需要知道當我打開一個HTML信息CKEDITOR編輯器錨進入HTML工作。

例如:

我加載像一個URL數據:

http://example.com/Books/newbook/html/Text/CR!SZ3H2DP1BD2MFEK9AMDKXC1TEQZT_split_011.html 

我需要編輯節目給我的內容指向#filepos91625錨部分。

這是我的代碼部分:

var editor = $('#xhtml').ckeditorGet(); 
editor.config.baseHref = response.css; 
var url = response.path + block; 
editor.setData(response.content); 

/* I NEED HERE CODE TO POINT TO ESPECIFIC ANCHOR SECTION INTO HTML EDITOR */ 

感謝這麼多,我真的很感激幫助

回答

0

假設你有這樣的事情:

<textarea cols="80" id="xhtml" rows="10"> 
<a href="#l001">Line 1</a><br /> 
<a href="#l002">Line 2</a><br /> 
<a href="index.html#filepos91625">Line 3</a><br /> 
    ... 
<a href="#l038">Line 38</a><br /> 
</textarea> 

,你想CKEditor的到轉到包含「#filepos91625」的href,使用以下代碼:

$('#xhtml').ckeditor(function() { 
      var tags = document.getElementById('cke_contents_xhtml').firstChild.contentWindow.document.getElementsByTagName("a"); 
      for (var i = 0; i < tags.length; i++) 
      { 
       if (tags[i].href.indexOf('#filepos91625')!=-1) { 
           document.getElementById('cke_contents_xhtml').firstChild.contentWindow.scrollTo(0, tags[i].offsetTop); 
       } 
      } 

      }); 

這是jQuery和普通的JavaScript的混合體,但它應該以這種方式工作 - jQuery的不能CKEDITOR迭代的IFRAME anyway.The回調處理器內部在HREF元素使用,並查找與主題標籤#filepos91625鏈接,當它被發現時會滾動到iframe中標籤的偏移位置。

+0

對我很好,將名稱的最後部分更改爲動態'cke_contents_NAME_OF_TEXTAREA'。感謝@oliverbachmann – leandroosalas