xhEditor的異步載入實現(xiàn)代碼
我將會使用xheditor作為新的在線編輯器，我希望它可以能通過一個php函數(shù)就能調(diào)用如
function editor($content,$name)
{
$editor=<<<EOT
<textarea id="$name" name="$name" rows="10" cols="60">$content</textarea>
EOT;
return $editor;
}
這樣做的好處有：
1,不用每次調(diào)用xheditor編輯器，都在前面寫一大
2,調(diào)用方便，模板上就放返回的html代碼的變量就可以了。
我使用的方法是用jquery里的get()方法異步xheditor的代碼，然后再用eval把代碼運行了。 function editor($content,$name)
如下:
{
$editor=<<<EOT
$(document).ready(
function(){
if(!$.isFunction($.xheditor))
{
$.get(
'../xheditor.js',
function(data){
eval(data);
}
);
}
$('#{$name}').xheditor(true);
}
);
<textarea id="$name" name="$name" rows="10" cols="60">$content</textarea>
EOT;
return $editor;
}
以上代碼正確情況下，你是運行不了。
因為xheditor的0.9.8版在異步載入時會出現(xiàn)問題。導致xheditor不能正常顯示。
原因：
由于jsURL是通過獲取頁面的來得到的。但我是采用異步加載的，所以我需要指定jsURL的地址。
補?。?BR>打開xheditor.js找到以下代碼
var defaults={skin:"default",tools:"full",internalScript:false,inlineScript:false,internalStyle:false,inlineStyle:true,showBlocktag:false,forcePtag:true,keepValue:true,upLinkExt:"zip,rar,txt",upImgExt:"jpg,jpeg,gif,png",upFlashExt:"swf",upMediaExt:"avi",modalWidth:350,modalHeight:220,modalTitle:true};
改為
var defaults={skin:"default",tools:"full",internalScript:false,inlineScript:false,internalStyle:false,inlineStyle:true,showBlocktag:false,forcePtag:true,keepValue:true,upLinkExt:"zip,rar,txt",upImgExt:"jpg,jpeg,gif,png",upFlashExt:"swf",upMediaExt:"avi",modalWidth:350,modalHeight:220,modalTitle:true,editorURL:null};
其實就是增加了editorURL的默認值
然后再找到
this.settings=$.extend({},defaults,options);
在其后面添加
jsURL= this.settings.editorURL||jsURL;
用于設(shè)置jsURL是使用默認值還是用戶自定義的目錄
以后在調(diào)用xheditor時就多了一個參數(shù)
editorURL
編輯器所在的url路徑，該路徑必須帶有“/”,默認值為null
在瀏覽器里打開根目錄的load_xheditor.html
文件打包
相關(guān)文章
安裝CKEditor是一件容易的工作，只需要按照下面的簡單步驟就可以完成。多測試。2010-04-04
最近使用fckeditor的人是越來越多了，隨著大家環(huán)境的不一樣也導致大家在使用過程中碰到了各種各樣的問題，這篇文章對于細節(jié)的描述不錯，更高級的技巧可以參考腳本之家之前發(fā)布的一些文章。2009-06-06
FCKEDITOR在線編輯器在asp.net下的使用方法，需要的朋友可以參考下。2009-12-12
syntaxhighlighter 去掉右上角問號圖標的三種方法
syntaxhighlighter可以高亮著色顯示幾乎所有語言形式的源代碼，還可以顯示行號，是一款深受網(wǎng)站建設(shè)人員喜愛的工具，并且它還是免費的2013-11-11
Ueditor百度編輯器的Html模式自動替換樣式的解決方法
百度的Ueditor編輯器出于安全性考慮，用戶在html模式下粘貼進去的html文檔會自動被去除樣式和轉(zhuǎn)義。雖然安全的，但是非常不方便。做一下修改把這個功能去掉,需要的朋友可以參考下2017-03-03
fckediter javascript事件函數(shù)代碼
fckediter javascript事件函數(shù)代碼，另外fckeditor的可以擴展性不錯，大家可以學習下，具體的代碼，可以參考腳本之家以前發(fā)布的文章。2009-12-12
這篇文章主要介紹了js獲取UEditor富文本編輯器中的圖片地址,最簡單的思路應(yīng)該是先獲取UEditor中的內(nèi)容再將獲取到的字符串轉(zhuǎn)換成jquery對象，選擇器找到img元素，獲取src值2020-02-02
這篇文章主要介紹了js獲取富文本中的第一張圖片url正則表達式及去除字符串里面的html標簽的正則公式,需要的朋友可以參考下2020-02-02
CKEditor/FCKEditor 使用FCKeditor 2.6.5 快速使用教程（含插入圖片）
CKEditor 是著名的 HTML 編輯器，IBM、Oracle、Adobe 等都在用。CKEditor 創(chuàng)建于 2003 年，其前身為 FCKEditor，在 2009 年的時候把“F”去掉了，更名為 CKEditor。2010-03-03
在 fck中添加行距 功能插件，需要的朋友可以參考下。2010-02-02