新聞中心
jquery用什么富文本編輯器
富文本編輯框有很多種
公司主營業(yè)務(wù):網(wǎng)站制作、成都網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn),讓我們激情的團(tuán)隊有機(jī)會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出渭源免費做網(wǎng)站回饋大家。
其中以KindEditor官方網(wǎng)站: 下載: 實例:。
還有百度的ueditor 官方網(wǎng)站:
現(xiàn)在感覺百度的調(diào)用接單以及使用方便,靈活,自由,界面可以自定義修改。望采納
前端用jQuery怎么獲取到富文本ueditor web編輯器里面的文字和圖片內(nèi)容?
在線文檔對UEditor說明不夠全面,收集了一些常用的方法和基本設(shè)置,以供參考。
1、創(chuàng)建編輯器
UE.getEditor('editor', {
initialFrameWidth:"100%" //初始化選項
})
精簡版
UE.getEditor('editor')
2、刪除編輯器
UE.getEditor('editor').destroy();
3、設(shè)置焦點
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、獲取整個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 //是否焦點
輸入框添加了kindeditor富文本編輯器,jquery validate驗證這個輸入框就沒效果了
在使用jquery的驗證框架對kindeditor富文本編輯器進(jìn)行驗證的過程中,發(fā)現(xiàn)提交時,總是需要點擊兩次驗證才能通過,這是由于沒有對kindeditor進(jìn)行同步,第一次點擊提交相當(dāng)于同步,第二次點擊才算是jquery能夠取到富文本編輯器的值,通過驗證因此需要調(diào)用同步方法先同步,這樣使用jquery validate進(jìn)行驗證時,一次便能通過驗證:
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager : true,
afterBlur : function(){
//編輯器失去焦點時直接同步,可以取到值
this.sync();
}
});
});
kindeditor基于的html的textarea元素定義如下:
textarea name="content" style="width:800px;height:400px" value=""${eventTip.content}/textarea
此外,通過jquery的取值方法去取這個textarea元素的值時,都需要先進(jìn)行同步,然后才能取到改元素的值。
總之,如果需要操作kindeditor渲染的富文本編輯器的值,如果出現(xiàn)問題,都需要先查看是否是同步的問題。
quill.js富文本編輯器怎么想輸庫存入內(nèi)容
Javascript富文本編輯器使我們添加、編輯網(wǎng)站中的文章更加方便和容易。這些富文本編輯器提供了所見即所得(What You See Is What You Get - WYSIWYG)的功能,可以像編輯word文檔一樣,方便地編輯網(wǎng)站中文章,常用于內(nèi)容管理系統(tǒng)和博客系統(tǒng)等。下面推薦幾個免費的: HTMLBox跨瀏覽器、交互性非常好、開源的Jquery富文本編輯器,在Mozilla Firefox, Inrernet Explorer, Opera, Netscape and Safari等常用瀏覽器下測試通過。此編輯器用戶手冊可以幫住你非常容易地把此編輯器整合到自己的Web系統(tǒng)中。
前端用jQuery怎么獲取到富文本ueditor web編輯器里面的文字,圖片內(nèi)容
UE.getPlainTxt() 可獲取到編輯器中的純文本內(nèi)容,有段落格式
UE.getContentTxt() 可獲取到編輯器中的純文本內(nèi)容,沒有段落格式;
ueditor 沒有提供直接獲取圖片的功能,可以UE.getContent() 獲取全部內(nèi)容,使用正則表達(dá)式 篩選出圖片,我提供一個使用JAVA寫的篩選方法,前臺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)?為獲得整個img標(biāo)簽??m_img.group(2)?為獲得src的值
}
可以打開ueditor.all.min.js 查看,里面有所有支持的方法 ?注釋也都很明白
我在頁面里選中一段文字,怎么用jquery單獨把這段文字加粗?我想做富文本編輯器文字加粗的效果!謝謝了
對選中的文字追加一個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。
本文名稱:jquery富文本,jquery富文本插件
URL鏈接:http://fisionsoft.com.cn/article/dscijgp.html