WysiHat:37signals的新的开源WYSIWYG编辑器
程序员文章站
2022-04-28 14:15:58
...
最近,我们讨论到文本编辑器的弊端与选择 ,WysiHat 是一个新的编辑器,想法来自于37signals。
WysiHat是一个所见即所得(WYSIWYG)的JavaScript框架,可扩展,用户可以设计自己的Rich Text Editors。WysiHat保持了你原有的风格,并且抛弃了UI设计。虽然WysiHat通过几行代码就能运行,但它的重点是让你自定义。
我们介绍它的同时也会继续的完善它。注:它还处于初期。欢迎您投稿,我们将感谢您的宝贵意见。
您可以在这里看到项目全部代码:http://github.com/37signals/wysihat
这是初期,如果你想查看一下代码,你会看到一些例子:
WysiHat是一个所见即所得(WYSIWYG)的JavaScript框架,可扩展,用户可以设计自己的Rich Text Editors。WysiHat保持了你原有的风格,并且抛弃了UI设计。虽然WysiHat通过几行代码就能运行,但它的重点是让你自定义。
我们介绍它的同时也会继续的完善它。注:它还处于初期。欢迎您投稿,我们将感谢您的宝贵意见。
您可以在这里看到项目全部代码:http://github.com/37signals/wysihat
这是初期,如果你想查看一下代码,你会看到一些例子:
// Simple Example Event.observe(window, 'load', function() { var editor = WysiHat.Editor.attach('content'); new WysiHat.Toolbar(editor, {buttonSet: WysiHat.Toolbar.ButtonSets.Basic}); }); // Using Toolbars var editor = WysiHat.Editor.attach('content'); var toolbar = new WysiHat.Toolbar(editor); toolbar.addButton( { name: 'bold', label: "Bold" }, function(editor) { editor.boldSelection(); }); toolbar.addButton( { name: 'underline', label: "Underline" }, function(editor) { editor.underlineSelection(); }); toolbar.addButton( { name: 'italic', label: "Italic" }, function(editor) { editor.italicSelection(); });