Wildpad

Wildpad是一个开源的协同文本编辑器，它可以嵌入到较大的应用中

实例

可以参考wilddog demo

步骤

Wildpad 使用 Wilddog提供后端服务，因此它不需要后端的支持，只需要引入少量的 js文件，就可以把它嵌入到你的应用中。

<!-- Wilddog -->
<script src='https://cdn.wilddog.com/js/client/current/wilddog.js'></script>
 
<!-- CodeMirror -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.2.0/codemirror.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.2.0/codemirror.css"/>
 
<!-- Wildpad -->
<link rel="stylesheet" href="https://cdn.wilddog.com/app/wildpad/0.1/wildpad.css" />
<script src="https://cdn.wilddog.com/app/wildpad/0.1/wildpad.js"></script>

<div id="wildpad"></div>
<script>
  var wildpadRef = new Wilddog('<WILDDOG URL>');
  var codeMirror = CodeMirror(document.getElementById('wildpad'), { lineWrapping: true });
  var wildpad = Wildpad.fromCodeMirror(wildpadRef, codeMirror,
      { richTextShortcuts: true, richTextToolbar: true, defaultText: 'Hello, World!' });
</script>

野狗支持使用 CodeMirror和ACE作为基础编辑器，可以参考 wildpad文档。

内容

• dist/ - grunt文件合并路径 (wildpad.js, wildpad.min.js, wildpad.css, wildpad.eot).
• examples/ - 一些嵌入Wildpad的例子.
• font/ - 工具栏的图标和字体.
• lib/
  • wildpad.js
  • text-operation.js, client.js
  • annotation-list.js
  • rich-text-codemirror.js
  • wilddog-adapter.js

入门

Wildpad使用野狗数据库，你可以从这里 注册一个免费体验账号。