输入用户的项目列表

时间:2013-04-11 03:34:01

标签: list user-interface input wysiwyg

我有一个网站,其中包含用户可以在textarea中输入自由文本的表单。我允许他们使用Markdown,但他们中的大多数都不使用它,他们通常会在看到最终结果的预览后发布糟糕的内容: - (

鉴于大多数用户在该textarea中枚举事物(工作要求),我认为如果我能以某种方式“强迫”他们创建项目列表那将是很好的。此外,我认为在打字时为他们提供一些视觉反馈是很有价值的。例如,在他们创建的列表的每个项目附近显示一些项目符号点,并在他们点击输入时创建一个新的项目符号点。

基本上,我想在WYSIWYG编辑器中转换textarea,只允许用户创建项目列表

有什么想法吗?

2 个答案:

答案 0 :(得分:0)

选择:

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

这些都可以配置为仅允许子弹。

答案 1 :(得分:0)

你的答案就在这里:

用户只要关注textarea字段,就会出现一个项目符号。使用每个Enter键,将显示一个新的项目符号。 此外,如果不需要,用户可以删除子弹并继续使用普通文本。

http://jsfiddle.net/abhiagrawal87/m39xt

示例代码段:

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