在線編輯器php-九游会j9娱乐平台
㈠ 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