富文本编辑器的配置使用
最近項目中用到富文本編輯器,需要配置。 來源:http://blog.csdn.net/wenj91/article/details/44420241 分享給大家,自己整理一下,加深記憶,方便查找。
UEditor的整體目錄結構:
目錄結構說明:
dialogs 編輯器彈出框的內容都在在里面。不可刪除,不建議移動該目錄
lang 編輯器語言國際化支持,如果你想增加韓語、日語等支持可以在這里添加。不可刪除,不建議移動該目錄
php/jsp/.net 服務器端處理程序,各個版本該目錄名字不一樣,jsp版本叫jsp,
以此類推。可刪除,這需要你自己開發相關程序;可移動,前提是要更改對應的上傳路徑!!!
themes 編輯器皮膚目錄。不可刪除,不建議移動該目錄
third-party 編輯器以來第三方包。不可刪除,不建議移動該目錄
editor.all.js 編輯器打包后的文件,開發環境用該文件。不可刪除,不建議移動該文件
editor.all.min.js 編輯器打包后的壓縮版本,產品環境用該文件。不可刪除,不建議移動該文件
editor.config.js 編輯器配置文件。不可刪除,不建議移動該文件(一般將其備份在之際配置一份)
ueditor.parse.js
ueditor.parse.min.js
1.新建頁面,在頁面引用相關文件。引用時,注意引用順序。配置JS(ueditor.config.js)>>功能JS(ueditor.all.min.js)>>語言類型JS(zh-cn.js)
2.在文本網頁顯示內容部分定義復選框標簽<textarea name="content" id=" content ">這里寫你的初始化內容</textarea>
3.配置文件(ueditor.config.js)
(1).var URL = window.UEDITOR_HOME_URL || "/myUeditor(網站根文件夾)/ed(UEditor文件夾)/";
(2).window.UEDITOR_HOME_URL = "/myUeditor(網站根文件夾)/ed(UEditor文件夾)/";?var URL = window.UEDITOR_HOME_URL || getUEBasePath();
(3).var URL ="/myUeditor(網站根文件夾)/ed(UEditor文件夾)/";
4.設置工具欄的功能按鈕和下拉框toolbars屬性,在ueditor.config.js中,可以根據自己的需要進行設置
5.對編輯器默認參數配置:autoFloatEnabled:false
工具欄浮動:elementPathEnabled:false
左下角顯示元素路徑:autoHeightEnabled:false
是否自動長高,默認true,設為false當超界時顯示滾動條,maximumWords:10000
允許的最大字符數:initialFrameWidth:750
初始化編輯器寬度,默認1000 ,initialFrameHeight:400
初始化編輯器高度,默認320 ,wordCount:true
是否開啟字數統計 ,textarea:content
設置默認文本框內容的name屬性,也可在對應的html中設置name屬性
附:頁面和toolbars
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UEditor.aspx.cs" Inherits="TTDemo.UEditor" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="Theme/UEditor/ueditor.config.js"></script><script src="Theme/UEditor/ueditor.all.min.js"></script><script src="Theme/UEditor/lang/zh-cn/zh-cn.js"></script> </head> <body><form id="form1" runat="server"><div><textarea id="content" name="content">初始化內容</textarea></div></form> </body> </html>?
轉載于:https://www.cnblogs.com/lyn928/p/6769785.html
總結
以上是生活随笔為你收集整理的富文本编辑器的配置使用的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jquery的2.0.3版本源码系列(2
- 下一篇: 论一只爬虫的自我修养