yii1 集成百度編輯器editor

荊兆峰發布于2019-07-01 12:25 / 692人閱讀

摘要：搜索，在上面增加一行修改后如下圖，點擊保存編輯搜索沒有權限，把圖上這兩行注釋掉沒有權限如果不注釋的話，如果用戶沒有登錄，會提示沒有權限。當然，如果你的需求，都是登陸后進行的操作的話。可以上傳圖片支持一個頁面多個編輯器完畢參照文檔

1：下載yii框架的ueditor 插件，yii 版本 1.1 ，ueditor 對應版本 1.4.3

下載地址：https://github.com/mojifan/yi...

2：放到yii 插件目錄，protected/extensions/，目錄結構如下圖所示

3：修改配置文件，一般是config/main.php,增加配置項

請注意，是一級數組，不要放到二級數組 components 元素下面

"controllerMap"=>array(
     "ueditor"=>array(
     
            "class"=>"ext.baiduUeditor.UeditorController",

                 )
        )

4：默認情況下，上傳圖片，存放目錄是/upload,沒有的話，新建目錄，并賦予寫入權限

5：編輯ueditorWidget.php

如果不修改的話，上傳圖片可能會異常。

搜索 $this->config["serverUrl"]=$this->serverUrl;，在上面增加一行

$this->config=require("config.php");
修改后如下圖，點擊保存

6：編輯 UeditorController.php

搜索“沒有權限”，把圖上這兩行注釋掉

//            echo json_encode(array("state"=>"沒有權限"));
//            Yii::app()->end();

如果不注釋的話，如果用戶沒有登錄，會提示沒有權限。

當然，如果你的需求，都是登陸后進行的操作的話。這一步可以省略。

7：編寫測試代碼，編寫控制器

控制器代碼

public functionactionPost()
{
  if(Yii::app()->request->isPostRequest)

{

         var_dump($_POST);

          exit("post submit");

}
$this->render("post");
}

8：編寫view 層

$this->widget("ext.baiduUeditor.UeditorWidget",
array(
"id"=>"article_content2",//容器的id 唯一的[必須配置]
"name"=>"content2",//post到后臺接收的name [必須配置]
"content"=>"sdfsdf",//初始化內容 [可選的]
//配置選項，[可選的]
//將ueditor的配置項以數組鍵值對的方式傳入,具體查看ueditor.config.js
//不要配置serverUrl(即使配置也會被覆蓋)程序會自動處理后端url
"config"=>array(
//"toolbars"=>array(array("fullscreen", "source",
"|")),//toolbars注意是嵌套兩個數組
"lang"=>"zh-cn"
)
)
);
?>

9：最后運行效果，如下圖。

初步測試完畢。

1：可以上傳圖片

2：支持一個頁面多個編輯器

完畢！

參照文檔：

http://www.yiichina.com/exten...

GPU云服務器云服務器百度編輯器ueditor 百度編輯器java版百度編輯器 asp版 yii2百度編輯器

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/30701.html

基于 Vue 的移動端富文本編輯器 vue-quill-editor 實戰

摘要：優秀的富文本編輯器有很多，比如，等，但并不是每個都能在移動端有很好的表現。是百度的老牌富文本編輯器，但界面有一股上世紀的感覺，官網最新的一條動態停留在。優秀的富文本編輯器有很多，比如：UEditor，wangEditor 等，但并不是每個都能在移動端有很好的表現。我們暫且不討論移動端是否真的需要富文本，既然有這需求，就把它實現出來。失敗的嘗試正確的選擇是成功的開始，開發之前肯定要做一些...

wing324 2019-05-27 17:41 評論0 收藏0
Laravel 框架引入 markdown 編輯器

摘要：我們來使用下依舊是頭部引入首先，在類頭部，添加引用然后，調用我們的方法就行啦直接把需要轉換的做為參數傳遞進去我是語法結果為我是語法引入 markdown 編輯器packages 1.首先在 composer.json 的 require 里面加入以下內容 yuanchao/laravel-5-markdown-editor: dev-master 2.添加完成后，執行 compos...

PascalXie 2019-07-01 12:35 評論0 收藏0
Laravel5-Markdown-Editor 在線編輯器

摘要：是基于封裝的在線編輯器，支持項目。已集成本地七牛云阿里云文件存儲。更新記錄完成在線編輯器主程序，且集成本地七牛阿里云存儲。 Laravel5-Markdown-Editor Laravel5-Markdown-Editor 是基于 editor.md 封裝的 Markdown 在線編輯器，支持 Laravel5 項目。已集成本地、七牛云、阿里云文件存儲。更新記錄 2017-11-09...

MoAir 2019-06-28 14:14 評論0 收藏0
Laravel5 Markdown 編輯器使用教程

摘要：編輯器使用教程月號發布的這個擴展，好多朋友使用起來有一些問題，好吧，都怪我安裝使用說明寫的不清楚今天給大家補一篇詳細的安裝說明文檔項目地址求求求求求此處省略一萬字功能圖片上傳語法解析為編輯器該有的功能都有還有誰還有誰預覽安裝在的里面加 laravel 5 Markdown 編輯器使用教程 5月18號發布的這個擴展，好多朋友使用起來有一些問題，好吧，都怪我安裝使用說明寫的不清楚└(^o...

qylost 2019-07-01 12:12 評論0 收藏0
React中使用UEditor

摘要：前言本文將介紹筆者在的項目中使用百度的富文本編輯器的過程。以百度官網的為例，控制臺輸入為該編輯器注冊點擊事件，當點擊加粗按鈕時，控制臺輸出為了避免點擊工具條時觸發事件，筆者將自定義的事件全部注釋了。前言本文將介紹筆者在React的項目中使用百度的富文本編輯器Ueditor的過程。注意本文不提供一條龍式的使用方法，只是將使用過程中的一些實現思路進行總結，供以參考。react項目中導入...

firim 2019-08-26 12:17 評論0 收藏0