Javascript 关于如何构建一个简单的富文本编辑器,有什么真正的基础教程吗?

Javascript 关于如何构建一个简单的富文本编辑器,有什么真正的基础教程吗?,javascript,jquery,Javascript,Jquery,我想用javascript或jquery编写自己的富文本编辑器。我不知道从哪里开始,所以尽可能的赤裸裸是理想的 编辑:回应关于重新发明轮子的评论-我之所以想这样做是因为1]我想实现的一些功能甚至在TinyMCE中都不可用。2] 我有一个想法升级我的网站,网站的许多功能将与编辑互动。我认为修改另一个脚本需要做更多的工作。因为唯一的内置文本控件是纯文本,所以您需要自己制作。这意味着处理焦点、捕捉按键和显示插入符号。我将从这里开始。因为唯一的内置文本控件是纯文本,所以您需要自己制作。这意味着处理焦点、

我想用javascript或jquery编写自己的富文本编辑器。我不知道从哪里开始,所以尽可能的赤裸裸是理想的


编辑:回应关于重新发明轮子的评论-我之所以想这样做是因为1]我想实现的一些功能甚至在TinyMCE中都不可用。2] 我有一个想法升级我的网站,网站的许多功能将与编辑互动。我认为修改另一个脚本需要做更多的工作。

因为唯一的内置文本控件是纯文本,所以您需要自己制作。这意味着处理焦点、捕捉按键和显示插入符号。我将从这里开始。

因为唯一的内置文本控件是纯文本,所以您需要自己制作。这意味着处理焦点、捕捉按键和显示插入符号。我将从这里开始。

您最好的选择是看看如何工作。这是一个伟大的开源所见即所得编辑器。除此之外,请看一看如何开始。

您最好的选择是看看如何工作。这是一个伟大的开源所见即所得编辑器。除此之外,请看一下入门。

“关于如何构建简单的富文本编辑器,是否有一些真正基本的教程?”

考虑到目前有多少行业投入了精力,我不确定是否有“简单的富文本编辑器”,更不用说“基础教程”。这是一个非常困难的问题。

关于如何构建一个简单的富文本编辑器,有什么真正的基础教程吗


考虑到目前有多少行业投入了精力,我不确定是否有“简单的富文本编辑器”,更不用说“基础教程”。这是一个很难解决的问题。

当涉及到跨浏览器差异时,你会有一大堆麻烦要处理

您会注意到,此处的编辑在编辑时不会转换内联文本。如果你想做一个像基本记事本这样有独立显示的东西,那么你只需要找到克拉并在它周围工作,以及附近的单词和空格

如果您正在寻找干净的所见即所得编辑器,TinyMCE和openWYSIWYG都会通过插入iFrame并设置iFrame的属性以允许对其进行编辑来操作页面。在提交页面之前,他们将iFrame的内容插入原始文本框,包括HTML,从而提交一个伪富文本项

Mozilla为Firefox提供了一个起点


当涉及到跨浏览器差异时,您将有一大堆麻烦要处理

您会注意到,此处的编辑在编辑时不会转换内联文本。如果你想做一个像基本记事本这样有独立显示的东西,那么你只需要找到克拉并在它周围工作,以及附近的单词和空格

如果您正在寻找干净的所见即所得编辑器,TinyMCE和openWYSIWYG都会通过插入iFrame并设置iFrame的属性以允许对其进行编辑来操作页面。在提交页面之前,他们将iFrame的内容插入原始文本框,包括HTML,从而提交一个伪富文本项

Mozilla为Firefox提供了一个起点


简单地说,为按钮创建一行大小相同的图像。给它们提供相同的类文件,然后让Jquery处理onclick并捕获按钮名。然后根据按钮名称执行所需操作。基本框架不应该这么难。

简单来说,为按钮创建一行大小相同的图像。给它们提供相同的类文件,然后让Jquery处理onclick并捕获按钮名。然后根据按钮名称执行所需操作。基本框架不应该这么难。

我发现YUI的富文本编辑器小部件的大小相当小;也许你可以把它拆开看看他们在干什么

如果没有其他东西,它很容易成为我见过的较小的一个,所以你可以在你的网站上实现它


我发现YUI的富文本编辑器小部件非常小;也许你可以把它拆开看看他们在干什么

如果没有其他东西,它很容易成为我见过的较小的一个,所以你可以在你的网站上实现它


这将是大量的答案,其中包括。。。“不要重新发明轮子,使用这个…”所以我觉得有必要明确指出,你编写这个程序只是为了好玩或学习(当然,如果是你的情况),不是每个人都为了学习而重新发明轮子。就我个人而言,我不认为当前的所见即所得编辑器适合所有人,如果我真的需要一个,我可能会尝试写我自己的。这将是大量的答案说。。。“不要重新发明轮子,使用这个…”所以我觉得有必要明确指出,你编写这个程序只是为了好玩或学习(当然,如果是你的情况),不是每个人都为了学习而重新发明轮子。就个人而言,我不认为当前的所见即所得编辑器适合所有人,如果我真的需要,我可能会尝试编写自己的编辑器。对于IE,请尝试以下内容:+1以获得最有用的答案。很多工作都是为您完成的,比如命令键快捷键、粗体、斜体等等。您可以使用execCommand(“粗体”)执行这些命令,或者检查它们是否可以使用queryCommandEnabled()执行。这些将帮助您制作工具栏。对于IE,请尝试以下内容:+1以获得最有用的答案。很多工作都是为您完成的,比如命令键快捷键、粗体、斜体等等。您可以使用execCommand(“粗体”)执行这些命令,或者检查它们是否可以使用queryCommandEnabled()执行。这些会帮助你制作工具栏。你不认为这更适合于评论而不是回答吗?毕竟,答案应该是有帮助的。问题是:“有没有……”。我是苏