在使用jquery的驗(yàn)證框架對kindeditor富文本編輯器進(jìn)行驗(yàn)證的過程中，發(fā)現(xiàn)提交時(shí)，總是需要點(diǎn)擊兩次驗(yàn)證才能通過，這是由于沒有對kindeditor進(jìn)行同步，第一次點(diǎn)擊提交相當(dāng)于同步，第二次點(diǎn)擊才算是jquery能夠取到富文本編輯器的值，通過驗(yàn)證因此需要調(diào)用同步方法先同步，這樣使用jquery validate進(jìn)行驗(yàn)證時(shí)，一次便能通過驗(yàn)證：
梅江網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)建站2013年至今到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true,
afterBlur : function(){
//編輯器失去焦點(diǎn)時(shí)直接同步，可以取到值
this.sync();
}
});
});
kindeditor基于的html的textarea元素定義如下：
textarea name="content" style="width:800px;height:400px" value=""${eventTip.content}/textarea
此外，通過jquery的取值方法去取這個(gè)textarea元素的值時(shí)，都需要先進(jìn)行同步，然后才能取到改元素的值。
總之，如果需要操作kindeditor渲染的富文本編輯器的值，如果出現(xiàn)問題，都需要先查看是否是同步的問題。
對選中的文字追加一個(gè)css樣式，font font-weight=‘bold’你選中的文字/font
使用font-weight屬性可以設(shè)置字體加粗，也就是設(shè)置字體的相對粗細(xì)。它的取值既可以是關(guān)鍵字值：
normal：默認(rèn)值。正常的字體。相當(dāng)于400。
bold：粗體。相當(dāng)于700。也相當(dāng)于b元素設(shè)置的效果。
bolder：比normal粗。取值范圍應(yīng)該在800-900。
lighter：比normal細(xì)。取值范圍應(yīng)該在100-300。
1、新建一個(gè)html文檔，可以用任何文本編輯器，這里演示用Dreamweaver軟件，新建并保存html文檔。
2、然后寫html代碼，寫一個(gè)input文本輸入框id為inputId，然后寫一個(gè)按鈕，id為buttonId，這里要做的是點(diǎn)擊按鈕就為輸入框賦值。
3、然后把輸入框和按鈕的css樣式寫好。
4、最后就是關(guān)鍵步驟了，引入jQuery文件，注意路徑一定要正確，然后寫jQuery代碼，其實(shí)就用到了val(“這里是賦值內(nèi)容”)方法。
5、打開瀏覽器測試一下，點(diǎn)擊按鈕之后輸入框內(nèi)自動(dòng)輸入了賦值的內(nèi)容。
在線文檔對UEditor說明不夠全面，收集了一些常用的方法和基本設(shè)置，以供參考。
1、創(chuàng)建編輯器
UE.getEditor('editor', {
initialFrameWidth:"100%" //初始化選項(xiàng)
})
精簡版
UE.getEditor('editor')
2、刪除編輯器
UE.getEditor('editor').destroy();
3、設(shè)置焦點(diǎn)
UE.getEditor('editor').focus();
4、獲取編輯器內(nèi)容
UE.getEditor('editor').getContent()
5、編輯器是否有內(nèi)容
UE.getEditor('editor').hasContents()
6、獲取編輯器內(nèi)容純文本格式
UE.getEditor('editor').getContentTxt()
7、獲取帶格式的純文本
UE.getEditor('editor').getPlainTxt()
8、啟用編輯器
UE.getEditor('editor').setEnabled();
9、禁止編輯
UE.getEditor('editor').setDisabled('fullscreen');
10、獲取整個(gè)html內(nèi)容
UE.getEditor('editor').getAllHtml()
11、常用設(shè)置
imageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php", //圖片上傳接口
imagePath:"http://",
scrawlUrl:UEDITOR_HOME_URL + "../yunserver/yunScrawlUp.php",//涂鴉接口
scrawlPath:"http://",
fileUrl:UEDITOR_HOME_URL + "../yunserver/yunFileUp.php",//文件上傳接口
filePath:"http://",
catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImage.php",//獲取遠(yuǎn)程圖片接口
catcherPath:UEDITOR_HOME_URL + "php/",
imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//圖片管理接口
imageManagerPath:"http://",
snapscreenHost:'ueditor.baidu.com',
snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截圖接口
snapscreenPath:"http://",
wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word圖片轉(zhuǎn)存接口
wordImagePath:"http://", //
getMovieUrl:UEDITOR_HOME_URL + "../yunserver/getMovie.php",//獲取視頻接口
lang:/^zh/.test(navigator.language || navigator.browserLanguage || navigator.userLanguage) ? 'zh-cn' : 'en',
langPath:UEDITOR_HOME_URL + "lang/",
webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",
initialFrameWidth:860, //初始化寬度
initialFrameHeight:420, //初始化高度
focus:true //是否焦點(diǎn)
代碼意思沒錯(cuò)啊，隱藏當(dāng)前div的內(nèi)容，然后顯示下一個(gè)div。你想要什么效果直接說好了。
UE.getPlainTxt() 可獲取到編輯器中的純文本內(nèi)容，有段落格式
UE.getContentTxt() 可獲取到編輯器中的純文本內(nèi)容，沒有段落格式；
ueditor 沒有提供直接獲取圖片的功能，可以UE.getContent() 獲取全部內(nèi)容，使用正則表達(dá)式 篩選出圖片，我提供一個(gè)使用JAVA寫的篩選方法，前臺(tái)js代碼類似:
Pattern?p_img?=?Pattern.compile("(img[^]+src\\s*=\\s*['\"]([^'\"]+)['\"][^]*)");
Matcher?m_img?=?p_img.matcher(content);
while?(m_img.find())?{
String?img?=?m_img.group(1);?//m_img.group(1)?為獲得整個(gè)img標(biāo)簽??m_img.group(2)?為獲得src的值
}
可以打開ueditor.all.min.js 查看，里面有所有支持的方法 ?注釋也都很明白
重慶分公司
重慶分公司
