如何制作一个非常基本的所见即所得？答案

【问题标题】：How to make a very basic WYSIWYG?如何制作一个非常基本的所见即所得？
【发布时间】：2012-07-06 11:25:39
【问题描述】：

您知道如何使用 javascript 制作 html 编辑器或所见即所得吗？我尝试了很多编辑器，但似乎我尝试的所有编辑器都没有给我想要的结果。

我希望可用的命令是：

粗体

斜体

下划线

插入图片

复制粘贴没问题，但我要限制的是，当有人粘贴可点击的链接、表格或任何具有 html 格式的东西时，除了这 4 个命令。

【问题讨论】：

你试过哪些编辑器？你可以有一个非常基本的ckeditor.com
this有什么问题，可以用基本功能自定义。
不要做一个非常基本的所见即所得。使用一个制作的，看看它是如何工作的。否则你最终会花费大量时间并制作一个蹩脚的编辑器。
@Matt：我已经尝试了很多编辑器、ckeditor 等，但没有一个是我想要的。
这个非常接近我正在寻找的是这个themaninblue.com/experiment/widgEditor，但它仍然接受许多html标签，如table、h1、h2等。我不需要很花哨或有很多功能。只有这些命令中的 4 个是可以的。

标签： javascript

【解决方案1】：

这可能是您正在寻找的。它是 jQuery。只需通过#id 将其连接到文本区域，您就可以开始摇滚了。您可以禁用按钮来制作最基本的编辑器。

<script type="text/javascript" src="jquery.wysiwyg.js"></script>
<script type="text/javascript">
$(function() {
    $('#wysiwyg').wysiwyg();
});
</script>

<textarea id="wysiwyg"></textarea>

这里：http://akzhan.github.com/jwysiwyg/

也试试这个 http://nicedit.com/index.php

【讨论】：