Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我在哪里以及如何开始制作像Quora那样的在线文本编辑器?_Javascript_Jquery_Editor - Fatal编程技术网

Javascript 我在哪里以及如何开始制作像Quora那样的在线文本编辑器?

Javascript 我在哪里以及如何开始制作像Quora那样的在线文本编辑器?,javascript,jquery,editor,Javascript,Jquery,Editor,我知道一些jQuery和Javascript以及Django作为后端。我对建立一个有点像Quora的编辑感兴趣。我读到他们的编辑器是由一个DIV组成的,其contenteditable属性设置为True。然而,为了理解它是如何与文本格式和媒体上传一起工作的,我对学习什么材料感到困惑。虽然我喜欢Quora的编辑器,但是StackExchange编辑器也很不错。我想我无法实现如此先进的东西,但我需要从某个地方开始 简言之,有人能给我指出一篇文章或教程,内容涉及那些试图从头制作编辑器或从开源定制编辑器

我知道一些jQuery和Javascript以及Django作为后端。我对建立一个有点像Quora的编辑感兴趣。我读到他们的编辑器是由一个DIV组成的,其contenteditable属性设置为True。然而,为了理解它是如何与文本格式和媒体上传一起工作的,我对学习什么材料感到困惑。虽然我喜欢Quora的编辑器,但是StackExchange编辑器也很不错。我想我无法实现如此先进的东西,但我需要从某个地方开始


简言之,有人能给我指出一篇文章或教程,内容涉及那些试图从头制作编辑器或从开源定制编辑器的程序员吗?

contentEditable是微软在IE5中添加的。此功能允许更改任何元素的innerHTML。这是一个很好的开始

简短解释

  • 从空div开始
  • 将contentEditable设置为true
  • 添加按钮,作为强调功能
  • 了解
  • 如果单击按钮并选择文本,则使用带有强调样式css(或类)的span标记将该文本换行
  • 利润