自定义cms字段的富文本编辑器

时间:2012-03-07 22:11:34

标签: javascript textarea wysiwyg rich-text-editor

是的,我知道这个问题已经被要求死了..请耐心等待。

我只想在自定义CMS中使用一个简单的 description 字段,以便能够清楚地对外行人输入数据,而不允许他们重新设计他们的网站。

真正意味着一个textarea,它优雅地处理特殊字符以及从MS word等中复制的所有垃圾。

我喜欢在内容和演示文稿之间保持清晰的分离,所以不要在所有大牌wysiwyg编辑器中使用所有格式化选项。我的规则本质上是它带有一个工具栏,它太多了。而且我不是要求我的客户学习降价。

如果它无形地添加它们所属的段落和换行符会很好。但这是用于简短的描述性文本,可能是100个单词,而不是写文档,所以即使这是可选的。

我很想重新发明轮子......但是我先问这个问题。有没有人做过其中一个?

感谢。

2 个答案:

答案 0 :(得分:1)

最常见的可能是TinyMCE,但为什么不遵循SO的主导并使用WMD

答案 1 :(得分:0)

您可以尝试使用EasyEditor非常简单明了,也可以灵活定制使用。

HTML:

<form action="" id="myform" class="demo-form">
    <label for="title">Title</label>
    <input type="text" id="title" placeholder="Enter title">

    <label for="description">Description</label>
    <textarea name="description" id="description" rows="10" placeholder="Enter article body"></textarea>

    <button type="submit" class="btn">Save article</button>
</form>

CSS:

<link rel="stylesheet" href="path_to/easyeditor.css">

JS:

<script src="path_to/jquery.min.js"></script>
<script src="path_to/easyeditor.js"></script>

<script>
    jQuery(document).ready(function($) {
        new EasyEditor({
            element: '#description'
        });
    });
</script>

更多示例here