2010-03-12 120 views
23

我需要使用纺织品(最好代替Markdown),并且正在寻找一个漂亮的所见即所得(而不是WYSIWYG,因为this)JQuery编辑器。什么是最好的JQuery WYSIWYM纺织编辑器?

我见过这些:

  • WMD - 降价,堆栈溢出使用它
  • MarkItUp - 纺织支持,但我不知道这是否是WYSIWYM
  • WYMEditor

哪一个支持好的HTML输出纺织?

更新:我现在只使用Markdown,主要是因为它会生成稍微更多的语义html,并且它被广泛采用。那样的话,你可以使用Cloud9 Ace Editorsource on GitHub)来进行降价,而不是TextMate所做的一切。

+0

一直在关注这个问题几个月,似乎没有!你有幸在别处找到它吗? – 2010-11-23 08:32:13

+0

不,不存在! – 2011-08-01 20:50:08

+0

[Aloha Editor](http://aloha-editor.org/)也是我的新发现。不完全是你问的,而是相关的。 – 2011-12-21 15:56:31

回答

0

如果您是有效的(X)HTML输出最感兴趣,而不是严格的jQuery的,你可以看看Xinha - http://xinha.webfactional.com/

这是一个很好的编辑器,不断生成的代码清洁,是相当稳定(有很多的插件和能力)。

+0

不是基于jQuery的。 – h0tw1r3 2011-06-14 19:09:03

+2

我在回答中确实说过(提示)它不使用jQuery--对不起,如果它很混乱。 – 2011-06-20 07:16:09

3

没有任何东西符合您要求的开箱即用功能。

我认为WYM editor是最好的起点。我没有提供开箱即用的纺织品支持,但它可以很容易地扩展。 RDFaCE也是所见即所得。

MarkItUp不是所见即所得。

+0

是什么让你说MarkItUp不是所见即所得?我认为这正是它的原因。我很困惑。 – PKKid 2011-06-28 00:16:47

8

使用Textile.js这是JavaScript的一个功能齐全的纺织解析器!

使用可以尝试这里的纺织直播网页编辑器http://borgar.github.com/textile-js/

我使用它结合Markitup

这里是我的简单的代码:

$(document).ready(function() { 
    init(); 
}); 

function init() { 
    var $content = $('.markitup'); // my textarea 
    var $preview = $('#textile-preview'); // the preview div 

    $content.markItUp(mySettings); // init markitup 

    // use a simple timer to check if the textarea content has changed 
    var value = $content.val(); 
    setInterval(function() { 
     var newValue = $content.val(); 
     if (value != newValue) { 
      value = newValue; 
      $preview.html(textile.convert(newValue)); // convert the textile to html 
     } 
    }, 500); 
}; 
+0

我对nodejs不太熟悉......但我的理解是,这是你的东西无法安装在共享的虚拟主机服务器上?他们要么来或不对?如果是这样的话,是否可以使用textile.js? (因为我在安装说明中看到'$ npm install textilejs',并且我无法在我的共享虚拟主机上安装节点软件包mgr)。对Textile.js的介绍+1,它看起来非常有前途。 – Logan 2012-12-02 04:49:39

+1

这只是javascript,可以在浏览器中使用,在node.js应用程序中:)要在浏览器中使用它,只需像引用其他任何脚本一样引用它。看看他在这里如何使用它:http://borgar.github.com/textile-js/只需查看源代码 – superlogical 2012-12-03 02:45:28

相关问题