📄 demo02.html
字号:
<html><head> <title>Demo 2 : NicEdit Configuration</title></head><body><div id="menu"></div><div id="intro"><p>NicEdit is highly configurable by passing the configuration when you create the NicEditor. Pass your configuration when you call:</p><p>new NicEditor({CONFIG HERE})</p><p>Add .panelInstance('ID TO TEXTAREA HERE') to add the editor to the textarea.</p><p>See the examples below:</p></div><br /><div id="sample"><script src="../nicEdit.js" type="text/javascript"></script><script type="text/javascript">bkLib.onDomLoaded(function() { new nicEditor().panelInstance('area1'); new nicEditor({fullPanel : true}).panelInstance('area2'); new nicEditor({iconsPath : '../nicEditorIcons.gif'}).panelInstance('area3'); new nicEditor({buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript','html','image']}).panelInstance('area4'); new nicEditor({maxHeight : 100}).panelInstance('area5');});</script><h4>Default (No Config Specified)</h4><p>new nicEditor().panelInstance('area1');</p><textarea cols="50" id="area1"></textarea><h4>All Available Buttons {fullPanel : true}</h4><p>new nicEditor({fullPanel : true}).panelInstance('area2');</p><textarea cols="60" id="area2">Some Initial Content was in this textarea</textarea><h4>Change Path to Icon File {iconsPath : 'path/to/nicEditorIcons.gif'}</h4><p>new nicEditor({iconsPath : 'nicEditorIcons.gif'}).panelInstance('area3');</p><textarea cols="50" id="area3"></textarea><h4>Customize the Panel Buttons/Select List</h4><p>{buttonList : ['fontSize','bold','italic','underline','strikeThrough','subscript','superscript']}</p><textarea cols="50" id="area4">HTML <b>content</b> <i>default</i> in textarea</textarea> <h4>Set a maximum expansion size (maxHeight)</h4><p>{maxHeight : 100}</p><textarea style="height: 100px;" cols="50" id="area5">HTML <b>content</b> <i>default</i> in textarea</textarea> </div></div></body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -