#@

表单 > 编辑器

Markdown编辑器

Markdown 编辑器API

Markdown API

方法名 描述
showEditor() 显示编辑器
showPreview() 显示预览
hidePreview() 隐藏编辑器
isDirty() 检查编辑的内容状态,如果内容改变了,则返回true,否则返回false
getContent() 获取编辑内容
setContent(string content) 设置编辑内容
findSelection(string words) 在编辑器内查找单词或句子,并返回找到的结果(包含文字的位置和其他有用的信息)。
getSelection() 在在编辑器中获取当前选定的内容。
setSelection(int start, int end) 通知编辑,选择一个span的文字,从 start end .
replaceSelection(string content) 在编辑器中,将当前选择的内容替换为其他内容.
getNextTab() 获取下一个tab memory,并返回选择的对象(包含文字的位置和其他有用的信息).
setNextTab(int start, int end) 通知编辑,选择一个span的文字,从 start to end at next tab keypress event.
enableButtons(string name) 通过传入name参数(该参数在buttonsadditionalButtons队列中描述),激活相应的按钮, 传入参数all,则激活所有按钮
disableButtons(string name) 通过传入name参数(该参数在buttonsadditionalButtons队列中描述),禁用相应的按钮, 传入参数all,则禁用所有按钮

Summernote编辑器(轻量级的)

Example

Summernote 编辑器示例

var edit = function() { $('.click2edit').summernote() };
HTML:
<button id="edit" class="btn btn-primary" onclick="edit()" type="button">Edit 1</button>
<button id="save" class="btn btn-primary" onclick="save()" type="button">保存 2</button>
<div class="click2edit">click2edit</div>
脚本:
var edit = function() {
  $('.click2edit').summernote({focus: true});
};
var save = function() {
  var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML: array).
  $('.click2edit').destroy();
};
文档:

完整的Summernote.js API, 包括keybored shortcuts, PHP Examples, Django installation, and Rails (gem) integration,可以从以下链接查找