在線編輯器php

㈠ kindeditor 編輯器php的詳細配置方法

通過使用KE.show(config)方法即可將編輯器添加到文檔中。下面是一段源碼：
KE.show = function(args) {
KE.init(args);
KE.event.ready(function() { KE.create(args.id); });
};
從源碼中可以看出，有兩種使用編輯器的方法：
法一：KE.show(config);
法二：KE.init(config);KE.create(id);

·無論使用哪種方式使用KindEditor編輯器，都必須進行參數配置；
·可以在KE.show()和KE.init()方法中傳遞配置參數config；
·配置參數config是一個對象，一般使用字面量對象；
·其中，id參數是唯一必須進行配置的，其他參數可以省略。

參數設置例子
KE.show({
id : "content_1",
width : "70%", //編輯器的寬度為70%
height : "200px", //編輯器的高度為100px
filterMode : false, //不會過濾HTML代碼
resizeMode : 1 //編輯器只能調整高度
});

配置參數
1、id
TEXTAREA輸入框的ID，必須設置。
數據類型：String

2、items
配置編輯器的工具欄，其中"-"表示換行，"|"表示分隔符。
數據類型：Array
默認值：
['source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', '', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', '|', 'selectall', '-',
'title', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold',
'italic', 'underline', 'strikethrough', 'removeformat', '|', 'image',
'flash', 'media', 'advtable', 'hr', 'emoticons', 'link', 'unlink', '|', 'about']

3、width
編輯器的寬度，可以設置px或%，比TEXTAREA輸入框樣式表寬度優先度高。
數據類型：String
默認值：TEXTAREA輸入框的寬度
注: 3.2版本開始支持。

4、height
編輯器的高度，只能設置px，比TEXTAREA輸入框樣式表高度優先度高。
數據類型：String
默認值：TEXTAREA輸入框的高度
注: 3.2版本開始支持。

5、minWidth
數據類型：Int
指定編輯器最小寬度，單位為px。
默認值：200

6、minHeight
數據類型：Int
指定編輯器最小高度，單位為px。
默認值：100

7、filterMode
數據類型：Boolean
true時過濾HTML代碼，false時允許輸入任何代碼。
默認值：false
注: 3.4以前版本的filterMode默認值為true。

8、htmlTags
指定要保留的HTML標記和屬性。哈希數組的key為HTML標簽名，value為HTML屬性數組，"."開始的屬性表示style屬性。
數據類型：Object
默認值：
{
font : ['color', 'size', 'face', '.background-color'],
span : ['style'],
div : ['class', 'align', 'style'],
table:['class', 'border', 'cellspacing', 'cellpadding', 'width', 'height', 'align', 'style'],
'td,th':['class', 'align', 'valign', 'width', 'height',
'colspan', 'rowspan', 'bgcolor', 'style'],
a : ['class', 'href', 'target', 'name', 'style'],
embed : ['src', 'width', 'height', 'type', 'loop', 'autostart', 'quality',
'style', 'align', 'allowscriptaccess', '/'],
img : ['src', 'width', 'height', 'border', 'alt', 'title', 'align', 'style', '/'],
hr : ['class', '/'],
br : ['/'],
'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : ['align', 'style'],
'tbody,tr,strong,b,sub,sup,em,i,u,strike' : []
}
註：filterMode為true時有效。3.4版本開始屬性可設置style，保留所有inline樣式。

9、resizeMode
2或1或0，2時可以拖動改變寬度和高度，1時只能改變高度，0時不能拖動。
數據類型：Int
默認值：2

10、skinType
風格類型，default或tinymce。
數據類型：String
默認值：default
註：3.4以前版本和3.4.1版本開始默認值為default，3.4版本的默認值為oxygen。

11、wyswygMode
可視化模式或代碼模式
數據類型：Boolean
默認值：true

12、cssPath
指定編輯器iframe document的CSS，用於設置可視化區域的樣式。
數據類型：String或Array
默認值：空
註：3.4.1版本開始可指定多個CSS文件。例如：cssPath : ['a.css', 'b.css']

13、skinsPath
指定編輯器的skins目錄，skins目錄存放風格的css文件和gif圖片。
數據類型：String
默認值：KE.scriptPath + 'skins/'

14、pluginsPath
指定編輯器的plugins目錄。
數據類型：String
默認值：KE.scriptPath + 'plugins/'

15、minChangeSize
undo/redo文字輸入最小變化長度，當輸入的文字變化小於這個長度時不會添加到undo堆棧里。
數據類型：Int
默認值：5

16、loadStyleMode
true時自動載入編輯器的CSS。
數據類型：Boolean
默認值：true
注: 3.4版本開始支持。

17、urlType
改變站內本地URL，可設置空、relative、absolute、domain。
空為不修改URL，relative為相對路徑，absolute為絕對路徑，domain為帶域名的絕對路徑。
數據類型：String
默認值：空
注: 3.4版本開始支持，3.4.1版本開始默認值為空。

18、newlineTag
設置回車換行標簽，可設置p、br。
數據類型：String
默認值：br
注: 3.4版本開始支持。

19、afterCreate
設置編輯器創建後執行的回調函數。
數據類型：Function
默認值：無

20、afterDialogCreate
設置彈出浮動框創建後執行的回調函數。
數據類型：Function
默認值：無
注: 3.4.3版本開始支持。

21、allowUpload
true或false，true時顯示上傳圖片標簽。
數據類型：Boolean
默認值：true
注: 3.4版本開始支持。

22、allowFileManager
true或false，true時顯示瀏覽伺服器圖片功能。
數據類型：Boolean
默認值：false
注: 3.4版本開始支持。

23、referMethod
設置referMethod後上傳圖片的POST參數里有referMethod。
數據類型：String
默認值：空
注: 3.4版本開始支持。

24、dialogAlignType
設置彈出框(dialog)的對齊類型，可設置page和空。
指定page時按當前頁面居中，指定空時按編輯器居中。
數據類型：String
默認值：page
注: 3.4.1版本開始支持。

25、imageUploadJson
指定上傳圖片的伺服器端程序。
數據類型：String
默認值：../../php/upload_json.php
注: 3.4.1版本開始支持。

26、fileManagerJson
指定瀏覽遠程圖片的伺服器端程序。
數據類型：String
默認值：../../php/file_manager_json.php
注: 3.4.1版本開始支持。

27、autoSetDataMode
true或false。
true時自動將編輯器內容設置到原來的textarea，也就是每次輸入內容就執行KE.util.setData函數。
數據類型：Boolean
默認值：true
注: 3.5版本開始支持。打開autoSetDataMode模式後會降低輸入性能，理想的做法是關閉autoSetDataMode，提交數據前執行KE.util.setData。

28、afterSetData
自動執行KE.util.setData後執行的回調函數，autoSetDataMode為true時有效。
數據類型：Function
默認值：無
注: 3.5版本開始支持。

29、shadowMode
true或false，true時彈出層顯示陰影。
數據類型：Boolean
默認值：true
注: 3.5版本開始支持。

30、allowPreviewEmoticons
true或false，true時滑鼠放在表情上可以預覽表情。
數據類型：Boolean
默認值：true
注: 3.5版本開始支持。

㈡ 哪些php文本編輯器比較好

1、Zend Studio
具備功能強大的專業編輯工具和調試工具，支持PHP語法加亮顯示，支持語法自動填充功能，支持書簽功能，支持語法自動縮排和代碼復制功能，內置一個強大的PHP代碼調試工具，支持本地和遠程兩種調試模式，支持多種高級調試功能。Zend Studio可以在Linux、Windows、Mac OS X上運行。

2、Open Komodo Project
Open Komodo Project是一款相當獨特的PHP IDE。這個 IDE 在 Windows、Mac OS X 和 Linux 上運行，並支持通用的開源語言 —— Perl、PHP 和 Ruby。代碼智能引擎非常可靠。它掃描所有語言安裝找到定製擴展，比如 PEAR 模塊。在項目方面，它支持與 CVS、Subversion 和 Perforce 的集成，也允許直接向伺服器 FTP 傳遞代碼。

3、Netbeans
NetBeans IDE是一個開源集成開發環境，可用於Windows、Mac、Linux和 Solaris。除完全支持所有 java 平台（Java SE、Java EE、Java ME 和 JavaFX）之外，NetBeans 還是PHP、Ajax和JavaScript、Groovy和 Grails、Ruby和Ruby on Rails以及C/C++軟體開發的理想工具。

4、Geany
Geany是一個跨平台的輕量級的開源集成開發環境，非常輕巧和快速的。它只有一小部分功能需要依賴其他的包，它的目標就是成為一個跟KDE、GNOME等桌面軟體一樣獨立。只要有GTK2的運行環境就可以運行它。

5、Aptana (Eclipse)
Aptana Studio 是一個集成式的Web應用程序開發環境，它不僅可以作為獨立的程序運行，而且還可以作為Eclipse插件使用。AptanaStudio可以支持多種AJAX和JavaScript工具箱，包括JavaScript編輯和調試。

6、Php Designer
Php Designer不僅支持php ，也支持其他網路語言像html ，xhtml， xml，css和javascript ， vbscript，java， c#，perl ， python等！

7、GNU Emacs
GNU Emacs 是一個文本編輯器家族，具有強大的可擴展性，在程序員和其他以技術工作為主的計算機用戶中廣受歡迎。EMACS，即Editor MACroS（編輯器宏）的縮寫，最初由Richard Stallman(理查德·馬修·斯托曼)於1975年在MIT協同Guy Steele共同完成。這一創意的靈感來源於TECMAC和TMACS，它們是由Guy Steele、Dave Moon、Richard Greenblatt、Charles Frankston等人編寫的宏文本編輯器。

8、PHPEdit
PHPEdit是一款Windows下優秀的PHP腳本IDE（集成開發環境）。該軟體為快速、便捷的開發PHP腳本提供了多種工具，其功能包括：語法關鍵詞高亮；代碼提示、瀏覽；集成PHP調試工具；幫助生成器；自定義快捷方式；150多個腳本命令；鍵盤模板；報告生成器；快速標記；插件等。

9、EditRocket

EditRocket是一個功能強大的代碼編輯器，支持超過20種語言，包括HTML ， PHP和CSS ，java腳本，Python, Ruby, Perl, XML, C, C++, Shell Script。

10、Notepad++
Notepad++是一款Windows環境下免費開源的代碼編輯器，支持的語言:C, C++ , Java , C#, XML, HTML, PHP, Javascript等！Notepad++ 不僅有語法高亮度顯示，也有語法折疊功能，並且支援宏以及擴充基本功能的外掛模組。

11、Vim
Vim是一個類似於Vi的文本編輯器，不過在Vi的基礎上增加了很多新的特性，Vim普遍被推崇為類Vi編輯器中最好的一個，事實上真正的勁敵來自Emacs的不同變體。1999 年Emacs被選為Linuxworld文本編輯分類的優勝者，Vim屈居第二。但在2000年2月Vim贏得了Slashdot Beanie的最佳開放源代碼文本編輯器大獎，又將Emacs推至二線， 總的來看， Vim和Emacs同樣都是非常優秀的文本編輯器。

12、NVU
Nvu（發音N-view）是個所見即所得的萬維網頁處理系統，它是自由軟體，建基於Mozilla的Composer Mode。它的目標是能與商業的網站開發工具如Microsoft FrontPage和Macromedia Dreamweaver爭一日之長短，及成為Linux上最重要的所見即所得(WYSWYG: What you see, what you get)編輯器。

13、Quanta Plus
Quanta Plus是Linux桌面環境下的一個功能非常強大的HTML編輯器，介於所見即所得風格和HTML源代碼之間。因為Quanta Plus需要輸入HMTL代碼，但是同時提供實時的預覽，這種編輯方法有助於在提供友好界面的同時, 讓用戶最大限度地把握HTML代碼。Quanta Plus支持Perl、PHP腳本語言，支持最新DTD(Document Type Definition)文件格式編輯對話框。

14、SublimeText
Sublime Text 是一個代碼編輯器，也是HTML和散文先進的文本編輯器。Sublime Text是由程序員Jon Skinner於2008年1月份所開發出來，它最初被設計為一個具有豐富擴展功能的Vim