當前位置:首頁 » 編程語言 » java富文本編輯器

java富文本編輯器

發布時間: 2022-09-22 08:03:45

⑴ jsp 頁面怎麼用富文本編輯器

jsp使用富文本編輯器可以參考如下:
對於一些剛入門的程序員來說,在一些實際的開發中可能會用到編輯器,那麼如何在JSP頁面中嵌入並使用編輯器(本文以網路的UEditor編輯器為例),以下是具體的操作流程:
第一步

首先要到UEditor官網下載不同版本的編輯器,用戶可以根據自身的需求進行下載,本文操作所需要的是JSP版本,UEditor下載如圖所示:
UEditor編輯器下載地址:http://ueditor..com/website/download.html

下載完成後進行解壓縮到任意文件夾,包中的內容如下圖:

另附上幾個編輯器的下載地址:
1.KindEditor:http://kindeditor.net/down.php
2.xhEditor:http://xheditor.com/download.html

3.TQEditor:http://www.e512.net/tqeditor/download.htm

第二步
在Eclipse中新建Dynamic Wen Project,並在WebContent下新建文件夾,命名為UEditor,把剛解壓的文件復制到該文件夾,結構如圖所示:

需要注意的是,要把編輯器所需的jar也導入到WEB-INF下的lib中:

第三步
經過以上配置,基本上已經把相應的環境配好了,接下來就是要寫一個jsp頁面進行展示,為了演示需要,在這里把index.jsp作為演示頁面。
打開index.jsp頁面,導入對應的js和css樣式,代碼如下:

[html] view plain
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>網路UEditor編輯器</title>
<script type="text/javascript" src="UEditor/ueditor.config.js"></script>
<script type="text/javascript" src="UEditor/ueditor.all.js"></script>
<link rel="stylesheet" href="UEditor/themes/default/css/ueditor.css">
<!--建議手動加在語言,避免在ie下有時因為載入語言失敗導致編輯器載入失敗-->
<!--這里載入的語言文件會覆蓋你在配置項目里添加的語言類型,比如你在配置項目里配置的是英文,這里載入的中文,那最後就是中文-->
<script type="text/javascript" charset="utf-8"
src="UEditor/lang/zh-cn/zh-cn.js"></script>

<style type="text/css">
div {
width: 100%;
}
</style>

</head>
<body>
<textarea id="container" name="container"
style="width: 800px; height: 400px; margin: 0 auto;"></textarea>
<script type="text/javascript">
UE.getEditor("container");
</script>
</body>
</html>
以上代碼寫好以後,部署項目,運行tomcat,打開瀏覽器在地址欄中輸入:http://localhost:8080/UEditor/,可以看到編輯器的效果:

注意:在壓縮的包中,有index.html頁面,裡面有具體的配置信息,本文不做詳細介紹。

⑵ 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

⑶ 富文本編輯器怎麼用

富文本編輯器,Rich Text Editor, 簡稱 RTE, 是一種可內嵌於瀏覽器,所見即所得的文本編輯器。它是一種解決可一般的用戶不同html等網頁標記但是需要在網頁上設置字體的顏色、大小、樣式等信息問題一個文本編輯器。下面簡單的介紹一下富文本編輯器的用法和簡要的原理。
1、什麼是富文本編輯器?
拋開專業的定義,用自己的話來介紹一下到底什麼是富文本編輯器。先舉個簡單的例子,大家大多都使用過網上的一些博客系統或者論壇貼吧吧,那我們要發布一則文章或者消息的時候我們需要在後台設置一下這段文本的格式還有字體的大小粗細顏色等樣式,此時網頁上會有一個設置這些信息的菜單或者是一個網頁的文本編輯器,這個就是富文本編輯器的常見應用,如下圖:

富文本編輯器不同於我們平時的文本編輯器,但是其功能確實和我們的平時使用的word的是類似的,只不過富文本編輯器設置是解決不會編寫 HTML 的用戶並需要設置各種文本格式在我們的網頁上。
2、富文本編輯器的原理和應用
關於富文本編輯器的原理,一些人可能以為富文本編輯器的原理十分的復雜,事實上也並非如此,當然功能強大的編輯器自然會很難實現。網頁上的富文本編輯器的大致原理是使用JavaScript技術將用戶的輸入的內容和設置的樣式轉換為html、css等瀏覽器可以認識的代碼,其核心的實現技術就是JavaScript和html 、css等前端技術。

富文本編輯器的應用,比如做為一個網站的開發者,當我們需要一個發布文章的功能時候,用戶可能不知道html代碼,此時我們可以使用一些別人寫好的富文本編輯器嵌入到我們的程序中即可解決這一問題。

⑷ 在Java中怎麼實現在線編輯Word

在線編輯Word,不是Java做的。有一個富文本編輯器,就是在線編輯Word的,你需要查看一些相關資料,就可以知道怎麼實現在線編輯Word了。

⑸ java用富文本編輯器時 如何保存到硬碟

步驟如下:
1.獲取編輯器中內容(字元串)
2.用io流把獲取的內容寫入硬碟某個路徑下的文件中

⑹ 用JAVA 如何在網頁中 插入文本編輯區

用js的html編輯器,google一下,有很多

熱點內容
安卓手機的音量在哪裡調 發布:2025-01-10 21:32:11 瀏覽:613
路由器怎麼設置登錄密碼怎麼設置密碼 發布:2025-01-10 21:11:12 瀏覽:893
營運車解壓 發布:2025-01-10 21:11:01 瀏覽:932
安卓是哪裡出產 發布:2025-01-10 21:10:23 瀏覽:953
本科來了安卓版叫什麼 發布:2025-01-10 21:08:43 瀏覽:649
南京c語言 發布:2025-01-10 20:55:08 瀏覽:466
如何excel設置密碼保護 發布:2025-01-10 20:50:07 瀏覽:994
桌面文件限制存儲大小 發布:2025-01-10 20:28:45 瀏覽:79
安卓車機怎麼把應用放界面 發布:2025-01-10 20:28:36 瀏覽:679
減演算法小學 發布:2025-01-10 20:22:41 瀏覽:799