當前位置:首頁 » 網頁前端 » 富文本web編輯器
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

富文本web編輯器

發布時間: 2022-02-08 08:02:18

⑴ java web富文本編輯器怎麼用

富文本編輯器ckeditor:http://ckeditor.com/
ckeditor使用方式:http://www.cnblogs.com/Tirisfal/p/5548424.html
Wyswig Summernote 富文本編輯器
summernote使用方式:http://blog.csdn.net/zihandan/article/details/51025006

⑵ 目前兼容 Word 最好的 Web 富文本編輯器是哪一個

富文本格式(Rich Text Format, 一般簡稱為RTF)是一種跨平台文檔格式,由微軟公司開發。大多數的文字處理軟體都能讀取和保存RTF文檔。
富文本格式是一種類似DOC格式(Word文檔)的文件,有很好的兼容性,使用Windows系統裡面的「寫字板」就能打開並進行編輯。RTF是一種非常流行的文件結構,很多文字編輯器都支持它。一般的格式設置,比如字體和段落設置,頁面設置等等信息都可以存在RTF格式中能在一定程度上實現word與wps文件之間的互訪。
一個RTF文件由未格式化文本、控制字、控制符號和組組成。為了更容易的轉換,一個標準的RTF文件應該僅包含7位ASCII碼字元,RTF文件沒有限制文件的行的最大長度。

⑶ 常見的web富文本編輯器有哪些

ueditor、fckeditor 推薦用fckeditor,目前fckeditor應用最廣泛。

如何配置一個最基本的web富文本編輯器

第一步,引用wangEditor的css文件,css文件最好在<head>中引用
<link rel="stylesheet" type="text/css" href="css/wangEditor-1.3.0.min.css">

第二步,引用jquery和wangEditor.js,js文件最好在<body>最下方引用
<script type="text/javascript" src='js/jquery-1.10.2.min.js'></script>
<script type="text/javascript" src='js/wangEditor-1.3.0.min.js'></script>

第三步,配置富文本框。
<script type="text/javascript">
$(function(){
$('#textarea1').wangEditor();
});
</script>

⑸ html5 在線富文本編輯器怎麼用

如果那個文本編輯器有源代碼模式就可以用,不然沒法用

前端用jQuery怎麼獲取到富文本ueditor web編輯器裡面的文字和圖片內容

在線文檔對UEditor說明不夠全面,收集了一些常用的方法和基本設置,以供參考。

1、創建編輯器

UE.getEditor('editor', {

initialFrameWidth:"100%" //初始化選項

})

精簡版

UE.getEditor('editor')

2、刪除編輯器

UE.getEditor('editor').destroy();

3、設置焦點

UE.getEditor('editor').focus();

4、獲取編輯器內容

UE.getEditor('editor').getContent()

5、編輯器是否有內容

UE.getEditor('editor').hasContents()

6、獲取編輯器內容純文本格式

UE.getEditor('editor').getContentTxt()

7、獲取帶格式的純文本

UE.getEditor('editor').getPlainTxt()

8、啟用編輯器

UE.getEditor('editor').setEnabled();

9、禁止編輯

UE.getEditor('editor').setDisabled('fullscreen');

10、獲取整個html內容

UE.getEditor('editor').getAllHtml()

11、常用設置

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",//獲取遠程圖片介面

catcherPath:UEDITOR_HOME_URL + "php/",

imageManagerUrl:UEDITOR_HOME_URL + "../yunserver/yunImgManage.php",//圖片管理介面

imageManagerPath:"http://",

snapscreenHost:'ueditor..com',

snapscreenServerUrl:UEDITOR_HOME_URL + "../yunserver/yunSnapImgUp.php",//截圖介面

snapscreenPath:"http://",

wordImageUrl:UEDITOR_HOME_URL + "../yunserver/yunImageUp.php",//word圖片轉存介面

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 //是否焦點

⑺ 如何把富文本編輯器修改為一個web版實時預覽的markdown編輯器

有一個 pagedown 的組件,是javascript的,你可以在頁面端實時將用戶輸出markdown轉換為html,類似Mac上Mou 的效果:屏幕分成兩半,一半是Mardkown編輯器,一半是效果瀏覽器。 我想你要的是這個吧。 我之前做過一個,你可以直接參考我的代碼。
推薦兩個Web的編輯器, 都可以實現預覽: Prose · A Content Editor for GitHub:在線編輯,而且直接編輯你的Github上的文件,相當好用,誰用誰知道。 簡書 的編輯器也不錯: jianshu.io/writer 另外Github自帶的在線編輯器也很好用啊

⑻ 怎麼在網頁中 應用富文本編輯器

第一步需要引入UEditor的源文件,和jquery文件,來對編輯器進行支持。如果看到圖二的效果則說明部署成功咯,接下來我們就可以根據自己的實際需求來進行場地參數。

第二步獲取編輯器的輸入的文本內容,然後對獲取的值傳遞給後台處理,也可通過from表單進行操作。

配置文件上傳,圖片上傳、截圖上傳路徑(以jsp為例)
首先配置ueditor.config.js來初始化ueditor的安裝路徑,projectName代表項目路徑URL則表示,配置後的ueditor的所在路徑(可自定義),詳細配置可看圖片所示

4
配置好路徑後我們就可以調用了,接下來需要配置上傳文件的路徑了(jsp/config.json)里,需要配置的有imageUrlPrefix圖片訪問的路徑前綴,imagePathFormat/scrawlPathFormat 等*PathFormat路徑用來表示上傳的文件路徑(注意:windows 和linux的路徑不同方式),具體配置如圖所示

5
在項目中添加ueditor說需要的jar包文件,然後啟動項目。
6
項目啟動完成後,進入頁面,我們可以來試試效果,大家可以任意復制圖片,上傳文件等來實驗下我們的配置結果。出現如下結果則說明我們配置成功了,簡單吧。

⑼ 做網頁如何製作在線富文本編輯器插入積分公式

你可以試試下,將插入表情功能,改為插入公式,就是自製公式圖符替換表情圖,當然公式是很復雜的,你不能指望太高了