2013-04-11 52 views
0

我有一个网站,用户可以在一个文本框中键入自由文本的形式。我允许他们使用Markdown,但大多数用户不使用它,他们通常会发布糟糕的内容,即使在看到最终结果的预览之后:-(从用户输入项目列表

鉴于大多数用户列举了一些事情(工作需求) textarea我在想,如果我能以某种方式“强迫”他们创建一个项目列表,我认为在他们输入时为他们提供一些视觉反馈会很有价值,例如,显示一些在他们创建的列表中的每个项目附近的子弹点,并创建一个新的子弹点,当他们击中输入。

因此,基本上,我想要一个所见即所得的编辑器,只允许用户创建一个textarea列表项目

任何想法?

回答

0

任你选:

https://github.com/cheeaun/mooeditable/wiki/Alternative-Javascript-WYSIWYG-editors

这些都可以被配置为只允许换子弹。

+0

感谢。我曾考虑过只使用“列表”控件来使用所见即所得的编辑器,但在这种情况下,我不确定如何防止用户输入常规文本。我想在用户点击textarea时立即进入“列表模式”,并以某种方式避免任何常规文本。 – 2013-04-11 04:45:25

+0

我几乎可以肯定,这可以通过这些编辑来实现。 – thealexbaron 2013-04-11 16:14:16

0

你的问题就出在这里:

只要用户集中textarea的领域,子弹就会出现。使用每个Enter键,都会显示一个新的项目符号。 另外,如果不需要,用户可以删除项目符号并继续使用普通文本。

http://jsfiddle.net/abhiagrawal87/m39xt

示例代码段:

$(".todolist").focus(function() { 
    if(document.getElementById('todolist').value === ''){ 
     document.getElementById('todolist').value +='• '; 
    } 
});