ueditor PHP版本使用方法

時間 2019-11-10

原文原文鏈接

1.ueditor是百度很好用的一款文本編輯器，第一次使用，在此記錄使用方法。javascript

2.從http://ueditor.baidu.com/website/download.html#ueditor下載editor php utf-8版本php

3.解壓：說明html

dialogs：存放的是彈出對話框對應的資源，還有js文件和js文件資源
lang：語言文件目錄
php：php目錄：php文件->config.json：配置文件
themes：主題目錄
third-party：第三方插件
index.html：demo
ueditor.all.js：ueditor源碼文件
ueditor.all.min.js：ueditor源碼文件壓縮版
ueditor.config.js：配置文件（能夠建立多個不一樣版本，在多個地方使用）
ueditor.parse.js：第三方插件
ueditor.parse.min.js：第三方插件壓縮版java

4.在文件中創建index.html文件，引入ueditor，二者放在平級目錄中：以下：
web

5.在index.html中引入ueditor，index.html編輯以下：json

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>editor測試</title>
    <script src="/ueditor/ueditor.config.js">/*引入配置文件*/</script>
    <script src="/ueditor/ueditor.all.js">/*引入源碼文件*/</script>
</head>
<body>
    <textarea id="content" rows="10" cols="70" style="border:1px solid #E5E5E5;">55222</textarea>    
    <script type="text/javascript">
        UE.getEditor("content");//實例化編輯器  傳參,id爲將要被替換的容器。
    </script>
</html>

引入效果：編輯器

6.有時候咱們用ueditor的時候並不須要這麼多功能，須要簡化該功能，那麼怎麼簡化呢？測試

簡化功能有兩種方式，一是修改配置文件，二是傳參。ui

修改配置文件：ueditor.config.js 用文本編輯器打開。spa

在index.html實例化時選擇本身須要的屬性進行傳參：index,html傳參以下：

效果：

7.此時文本框的寬度爲100%，那麼怎麼設置文本框的寬度呢？能夠在textarea中用style屬性定義；

效果：

也能夠用其餘方法定義寬度：渲染後自動執行該方法：只能夠設置高度，要設置寬度能夠在style裏面設置。

效果：

8.也能夠在配置文件中尋找方法配置編輯器的寬和高：

9.是否啓用元素路徑，默認是顯示，能夠關閉：true->false;

10.獲取textarea中的值：

新建data.php文件：打印提交的內容值：

<?php
header("Content-type: text/html; charset=utf-8");
print_r($_POST);
?>

打印結果：

結果：

11.textarea也能夠用script來替換：

相關標籤/搜索

每日一句

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