富文本編輯器的配置使用

時間 2019-11-17

標籤文本編輯器配置使用简体版

原文原文鏈接

最近項目中用到富文本編輯器，須要配置。來源：http://blog.csdn.net/wenj91/article/details/44420241 分享給你們，本身整理一下，加深記憶，方便查找。php

UEditor的總體目錄結構：html

目錄結構說明：服務器

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.jsjsp

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文件夾）/";ui

(2).window.UEDITOR_HOME_URL = "/myUeditor（網站根文件夾）/ed（UEditor文件夾）/"; var URL = window.UEDITOR_HOME_URL || getUEBasePath();spa

(3).var URL ="/myUeditor（網站根文件夾）/ed（UEditor文件夾）/";.net

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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。