今天研究的主角是:ueditor
版本有很多
我用的是:[1.4.3.3 php 版本] utf-8版
修改ueditor.config.js,配置目錄 :
ps:這個外掛程式的**寫的真的是」與眾不同「,如果你用eslint檢查**,並且是個強迫症患者,那就很歡樂了。
新建元件 /src/base/ueditor/ueditor.vue
<在元件中引用template
>
<
div>
<
script
id="editor"
type
="text/plain"
>
script
>
div>
template
>
<
script
>
export
default
; },
props:
},mounted() );
},methods:
},destroyed()
};script
>
<下面來看看要實現的效果:template
>
<
div>
<
ueditor
:value
="ueditor.value"
:config
="ueditor.config"
ref="ue"
>
ueditor
>
<
input
type
="button"
value
="顯示編輯器內容(從控制台檢視)"
@click
="returncontent"
>
div>
template
>
<
script
>
import ueditor from
"../../base/ueditor/ueditor";
export
default
, ueditor: }};
},methods: ,
showcontent()
},components:
};script
>
在vue專案中使用ueditor
從ueditor的官網ueditor編輯器,官網位址為 將上述ueditor資料夾拷貝到vue專案的static資料夾中,此資料夾為專案的靜態服務資料夾 2.修改配置 在ueditor.config.js中修改如下 window.ueditor home url static ueditor var...
vue專案中使用ueditor的例項講解
以vue cli生成的專案為例 1.static資料夾下先放入ueditor檔案 2.index.html新增如下 3.webpack.base.conf.js新增如下配置 externals 4.index.html中新增 5.editor元件 rzpyrileteditor type dange...
在Vue中使用Sass
sass 是什麼?sass又稱scss,它是css預處理之一。它在css語法的基礎上增加了變數 巢狀 混合巨集 繼承 佔位符等等高階功能。那什麼是css預處理器呢?簡單理解就是,css預處理是一種專門的程式語言,通過該語言進行web頁面設計,然後再編譯成正常的css檔案,以供專案使用。css預處理器...