欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

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

这是初期,如果你想查看一下代码,你会看到一些例子:

// 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();

  });
相关标签: 开源