成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

yii2-Ueditor百度編輯器

fuchenxuan / 1748人閱讀

摘要：今天在網(wǎng)上看了下有關(guān)圖片上傳的教程，歷經(jīng)挫折才調(diào)試好，現(xiàn)在把相關(guān)代碼及其說明貼出來，以供初次使用的朋友們參考。

今天在網(wǎng)上看了下有關(guān)圖片上傳的教程，歷經(jīng)挫折才調(diào)試好，現(xiàn)在把相關(guān)代碼及其說明貼出來，以供初次使用的朋友們參考。

資源下載

yii2.0-ueditor下載路徑：

https://link.jianshu.com?t=https://github.com/org-yii-china/yii2-ueditor/archive/master.zip
效果演示：

安裝方法：

1.下載yii2-ueditor
2.將下載的yii2-ueditor-master 修改 ueditor (注意：修改成其他文件名請修改插件內(nèi)對應(yīng)的命名空間)
3.將文件方在 根目錄/common/widgets 下即可

調(diào)用方法：

在backend/controllers中新建一個控制器Demo加入以下代碼

public function actions(){
    return [
        "ueditor"=>[
            "class" => "commonwidgetsueditorUeditorAction",
            "config"=>[
                //上傳圖片配置
                "imageUrlPrefix" => "", /* 圖片訪問路徑前綴 */
                "imagePathFormat" => "/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上傳保存路徑,可以自定義保存路徑和文件名格式 */
            ]
        ]
    ];
}
第一種調(diào)用方式：

在對應(yīng)的渲染頁面，即views下的頁面中

["initialFrameWidth" => 850,]])?>

options 填寫配置編輯器的參數(shù)（參考ueditor官網(wǎng)）

第二種調(diào)用方式： 


field($model, "title")->textInput(["maxlength" => true]) ?>

field($model, "content")->widget("commonwidgetsueditorUeditor",[
    "options"=>[
        "initialFrameWidth" => 850,
    ]
]) ?>

  ...

yii2框架整合了百度編輯器，因為文件上傳采用的是yii2自帶的UploadedFile,這就難免umeditor上傳不成功問題，解決問題的只需要兩個操作步驟，我們來看看具體實現(xiàn)

創(chuàng)建一個 common/models/Upload.php: 代碼為： 

需要在剛剛創(chuàng)建的那個控制器Demo里添加actionUploadImage方法處理“富文本框的圖片上傳”內(nèi)容

use yiiwebUploadedFile;
use commonmodelsUpload;
/**
     * 富文本框的圖片上傳
     * @return array
     */
    public function actionUploadImage()
    {
        $model = new Upload();
        if (Yii::$app->request->isPost) {
            $model->file = UploadedFile::getInstance($model, "file");
            $dir = "/uploads/ueditor/";//文件保存目錄
            if (!is_dir($dir))
                mkdir($dir);
            if ($model->validate()) {
                $fileName = $model->file->baseName . "." . $model->file->extension;
                $dir = $dir."/". $fileName;
                $model->file->saveAs($dir);
                $info = [
                    "originalName" => $model->file->baseName,
                    "name" => $model->file->baseName,
                    "url" => $dir,
                    "size" => $model->file->size,
                    "type" => $model->file->type,
                    "state" => "SUCCESS",
                ];
                exit(json_encode($info));
            }
        }
    }


特別提醒：上述返回的$info信息中state狀態(tài)只能是SUCCESS,區(qū)分大小寫

視圖文件



 field($model, "content")->widget("commonwidgetsueditorUeditor",[
        "options"=>[
            "initialFrameWidth" => 1050,//寬度
            "initialFrameHeight" => 550,//高度
        ]
    ]) ?>


         "btn btn-success"]) ?>
    





其中content是字段名稱


關(guān)于圖片上傳的可以看下：


https://www.yiichina.com/tutorial/862


在YII2框架中使用UEditor編輯器發(fā)布文章的地址：


https://www.cnblogs.com/felixji/p/6698436.html

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/29601.html

相關(guān)文章

  • 為Flask編寫1個百度編輯器的插件

    原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項目開發(fā)中,隔壁那個搞python的哥們竟然笑著對我說,希望我能給他寫1個百度編輯器的demo,方便他直接調(diào)用。 當(dāng)時真的受寵若驚,這哥們實力不在我之下,只能答應(yīng)它了。上網(wǎng)搜索下,有1篇文章Flask項目集成富文本編輯器UEditor實現(xiàn)圖片上傳功能已經(jīng)有1個現(xiàn)成的例子了。 這...

    xbynet 評論0 收藏0

  • 為Flask編寫1個百度編輯器的插件

    原文地址: http://52sox.com/write-a-flask-plugin-for-ueditor/ 近期項目開發(fā)中,隔壁那個搞python的哥們竟然笑著對我說,希望我能給他寫1個百度編輯器的demo,方便他直接調(diào)用。 當(dāng)時真的受寵若驚,這哥們實力不在我之下,只能答應(yīng)它了。上網(wǎng)搜索下,有1篇文章Flask項目集成富文本編輯器UEditor實現(xiàn)圖片上傳功能已經(jīng)有1個現(xiàn)成的例子了。 這...

    wqj97 評論0 收藏0

  • yii1 集成百度編輯器editor

    摘要：搜索，在上面增加一行修改后如下圖，點(diǎn)擊保存編輯搜索沒有權(quán)限，把圖上這兩行注釋掉沒有權(quán)限如果不注釋的話，如果用戶沒有登錄，會提示沒有權(quán)限。當(dāng)然，如果你的需求，都是登陸后進(jìn)行的操作的話?？梢陨蟼鲌D片支持一個頁面多個編輯器完畢參照文檔 1：下載yii框架的ueditor 插件，yii 版本 1.1 ，ueditor 對應(yīng)版本 1.4.3 下載地址：https://github.com/moj...

    荊兆峰 評論0 收藏0

  • 百度地圖開發(fā)實例番外篇--實用方法（持續(xù)更新）

    摘要：一前言在使用百度地圖開發(fā)的過程中，查閱百度地圖官網(wǎng)基本上就能滿足開發(fā)的需求，但是有時候需要設(shè)置一些東西，很難在官網(wǎng)上查閱到相關(guān)的方法技巧。希望百度地圖能夠越來越強(qiáng)大，這樣開發(fā)者就可以愉快的開發(fā)了 一 前言 在使用百度地圖開發(fā)的過程中，查閱百度地圖官網(wǎng)demo基本上就能滿足開發(fā)的需求，但是有時候需要設(shè)置一些東西，很難在官網(wǎng)上查閱到相關(guān)的方法技巧。筆者特意把開發(fā)過程中遇到的一些疑難雜癥和解...

    CocoaChina 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<