日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

富文本编辑器的配置使用

發布時間:2024/4/14 编程问答 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 富文本编辑器的配置使用 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

最近項目中用到富文本編輯器,需要配置。 來源: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

總結

以上是生活随笔為你收集整理的富文本编辑器的配置使用的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。