如何在文本中的任何位置实现具有可上载图像的富文本编辑器

Question

我想实现一个RTE（富文本编辑器），能够在文本中的任何位置上传图像。我的目标是创建一个“添加/编辑新闻文章”页面，客户端可以在其中编写带有图像的故事。

我擅长PHP和Javascript编程，所以我正在寻找有关方法实现这一点的帮助。我是否在此RTE中创建自定义按钮以插入先前上载的图像或其他方式？如何显示这些图像供用户选择？等

奖励积分：

• 多个文件上传：客户端只需选择例如10个与这个故事相关的图像。
• 使用Flash以外的某些方法作为上传的默认方法。
• 使用jQuery，因为我经常使用它。
• RTE非常轻巧。我不在乎客户是否必须知道一些事情（如降价或类似的东西），我只是不喜欢臃肿的RTE。
• 使用HTML5和/或CSS3等新技术。

让我澄清一些事情。我知道一些Javascript RTE，并且还在几个CMS中使用它们。所以我不需要链接到这些，我可以谷歌“javascript RTE”自己:)。但是，像@hakre这样的东西说 是有用的，因为他指出了CKEditor的可扩展性，我并不完全清楚。

举一个我正在寻找答案的例子：“你可以用CKEditor做到这一点，用jquery-html5-upload异步上传图像，将所有上传的图像文件名保存在Javascript数组中，在CKEditor中创建一个新按钮使用自定义点击处理程序，显示与Fancybox的叠加层，并显示所有图像（您有文件名存储在数组中），用户单击图像并将html插入编辑器“。
这样的东西，但更好:)（或者我应该说准确）。

Answer 1

这里有什么能满足您的要求吗？ http://ckeditor.com/developer-features

Answer 2

您查看了TinyMCE或CKEditor？

Answer 3

你给自己的“假答案”非常准确。您需要一个支持自定义功能的RTE编辑器。

物流将遵循这些方针：

1. 用户按下按钮
2. 使用唯一ID
将空div附加到输入
3. 将打开图像上传器弹出窗口，其中包含指向新div的指示
4. jQuery / AJAX / PHP的组合将允许用户在页面中上传文件
5. 文件名在上传过程后返回并插入最初附加的div
中

如果您正在寻找每个步骤的具体代码，我建议您查找一些教程，因为这不是我们可以编写一些快速示例代码的内容。