2012-10-07 140 views
2

我遇到了tinyMCE和圖像的奇怪問題。我正在嘗試更新已添加到tinyMCE的圖像。舉例來說,假設我有以下的圖像tinyMCE圖像顯示正確,但沒有更新src

<img src="image1.png" title="title1" alt="alt1" class="class1" /> 

我運行下面的腳本:

imageNode.setAttribute('src', 'image2.png'); 
imageNode.setAttribute('title', 'title2'); 
imageNode.setAttribute('alt', 'alt2'); 
imageNode.setAttribute('class', 'class2'); 

,其結果是:

<img src="image1.png" title="title2" alt="alt2" class="class2" /> 

注意到,我仍然得到此搜索,而不是image2,但其他一切正在更新。此外,新圖像(image2)顯示在tinyMCE中,而不是舊圖像。儘管如此,當我單擊tinyMCE上的HTML按鈕時,它顯示src未正確更新。

當我看源代碼,我看到:這裏

<img src="image2.png" data-mce-src="image1.png" title="title2" alt="alt2" class="class2" /> 

注意,src實際上是正確的,但有一個附加屬性data-mce-src。當我嘗試更新我的內容時。 That data-mce-src似乎被用作我的圖像的src

除了setAttribute以外,還有其他方法可以設置我的圖像的src嗎?

UPDATE:

我想它有事情做與此http://www.tinymce.com/wiki.php/Configuration:convert_urls

不過,我很喜歡,它使用相對URL,我想繼續,如果可能的。

回答

1

我加了imageNode.setAttribute('data-mce-src', 'image2.png');,那就做了伎倆。希望這將有助於未來的其他人。

1

你可以解決它添加在tinymce.init:

relative_urls : false, 
content_css : "" 
convert_urls : false,