Wildpad是一个开源的协同文本编辑器,它可以嵌入到较大的应用中.
可以参考wilddog demo
Wildpad 使用 Wilddog提供后端服务,因此它不需要后端的支持,只需要引入少量的 js文件,就可以把它嵌入到你的应用中。
<!-- Wilddog -->
<script src='https://cdn.wilddog.com/js/client/current/wilddog.js'></script>
<!-- CodeMirror -->
<script src="https://dl.wdstatic.cn/cloudflare/ajax/libs/codemirror/5.2.0/codemirror.js"></script>
<link rel="stylesheet" href="https://dl.wdstatic.cn/cloudflare/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文档。
首先确认本机已经安装 Node.js 运行环境,然后执行下列指令:
git clone git@github.com:WildDogTeam/demo-js-wildpad.git
cd demo-js-wildpad
安装依赖:
npm install bower -g
npm install
bower install
启动项目:
grunt
你也可以通过npm 或者 bowr安装Wildchat, 他们会自动下载依赖。
$ bower install wildpad --save
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
本地文档是用jekyll构建的,jekyll需要ruby环境的运行环境。如果没有ruby环境,可以查看上面的在线文档。
cd website/
生成web部署文件:
jekyll build
本地运行
jekyll serve --watch
发布生成html文件,可以运行 ./deploy.sh
Wildpad使用野狗数据库,你可以从这里 注册一个免费体验账号。
这里分类汇总了 WildDog平台上的示例程序和开源应用, 链接地址:https://github.com/WildDogTeam/wilddog-demos
如果在使用过程中有任何问题,请提 issue ,我会在 Github 上给予帮助。
- Wilddog 概览
- JavaScript SDK快速入门
- JavaScript SDK API
- 下载页面
- Wilddog FAQ
- jekyll 中文 开源软件,功能是将纯文本转化为静态网站和博客
- jekyll 中文安装文档
MIT http://wilddog.mit-license.org/
We would like to thank the following projects for helping us achieve our goals:
Open Source:
- firepad Firepad is an open-source, collaborative code and text editor. It is designed to be embedded inside larger web applications.
- jquery The Write Less, Do More, JavaScript Library
- codemirror CodeMirror is a versatile text editor implemented in JavaScript for the browser.
- ace Ace is an embeddable code editor written in JavaScript.