TinyMCE是一個(gè)好用的輕量級(jí)的可視化HTML編輯器,它采用JavaScript/ECMAScript開發(fā),支持各種瀏覽器,TinyMCE功能配置靈活簡單,有需要的朋友可以來東坡免費(fèi)下載!
TinyMCE怎么安裝
TinyMCE安裝方法
步驟1:下載一份TinyMCE并把它放在web服務(wù)器上。
從下載一份TinyMCE包TinyMCE下載。
解壓縮包并將“tinymce / js / tinymce”目錄到web訪問的位置在你的web服務(wù)器(例如,localhost)。
步驟2:添加TinyMCE頁面。
與TinyMCE通過您的web服務(wù)器(http://localhost/tinymce/),您可以現(xiàn)在包括TinyMCE腳本任何你想使用TinyMCE編輯器。
添加腳本,添加以下頁面的<頭>標(biāo)記。
<腳本類型= " text / javascript " src = " <你的安裝路徑> / tinymce / tinymce.min.js " > < /腳本>
步驟3:初始化TinyMCE Web表單的一部分
包含的腳本,您可以初始化TinyMCE任何元素(或元素)在你的網(wǎng)頁上。
TinyMCE允許您識(shí)別元素通過CSS3選擇器來取代。 向頁面添加TinyMCE您傳遞一個(gè)對(duì)象,包含一個(gè)選擇器來tinymce.init()。
在本例中,您將取代< textarea id = " mytextarea " >用TinyMCE編輯器通過選擇器“# mytextarea”tinymce.init()。
< ! DOCTYPE html >
< html >
<頭>
<腳本類型= " text / javascript " src = " <你的安裝路徑> / tinymce / tinymce.min.js " > < /腳本>
<腳本類型= " text / javascript " >
tinymce.init({
選擇器:“# mytextarea”
});
> < /腳本
< / >頭
<身體>
< h1 > TinyMCE入門指南< / h1 >
<形式方法= " post " >
< textarea id = " mytextarea " > < /文本區(qū)>
> < /形式
< /身體>
< / html >
你TinyMCE添加到頁面——這是所有有它!
接下來,我們將看看檢索內(nèi)容的一部分<形式>。
第四步:保存<形式>文章內(nèi)容
提交表單時(shí),TinyMCE編輯器模仿的行為正常的HTML表單發(fā)布期間<文本區(qū)>。 不需要額外的配置。
可視化html編輯器(TinyMCE)功能特色
主要特性包括主題/模板支持,多語言支持(包括簡體中文),支持通過插件的方式進(jìn)行擴(kuò)展。功能配置靈活簡單(兩行代碼就可以將編輯器嵌入網(wǎng)頁中),支持AJAX。另一特點(diǎn)是加載速度非常快,如果你的服務(wù)器采用的腳本語言是 PHP,那還可以進(jìn)一步優(yōu)化。最重要的是,TinyMCE是一個(gè)根據(jù)LGPL license發(fā)布的自由軟件,你可以把它用于商業(yè)應(yīng)用。
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版