标签: rich-text-editor

  <script type="text/javascript">
    dojo.require("dijit.Editor");
    dojo.require("dijit._editor.plugins.LinkDialog");
    dojo.require("dijit._editor.plugins.AlwaysShowToolbar");
  </script>
  <script type="text/javascript">
     dojo.addOnLoad(function(){
        alert("addOnLoad function");  
        dojo.connect(dojo.byId('form1'), 'onsubmit', function(){
            dojo.byId('editorContent').value= dijit.byId('content').getValue();
            alert("Hidden variable");
            alert(dojo.byId('editorContent').value);
            alert("Editor content");
            alert(dijit.byId('content').getValue());
         });
      });

</script>                   
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />
</head>

  <body class=" claro ">
  <FORM id="form1" METHOD=POST ACTION="result.jsp">

  <table>
    <tr>
        <td>
        <input type="hidden" name="editorContent" />
            <div dojoType="dijit.Editor" id="content" onChange="console.log('editor1 onChange handler: ' + arguments[0])"
                plugins="['foreColor','|','bold','italic','underline','|','createLink', 'unlink']"
                extraPlugins="['dijit._editor.plugins.AlwaysShowToolbar']">
                    <p>
                        <b>This instance is created with a subset of functions enabled in the order …

Run Code Online (Sandbox Code Playgroud)

dojo jsp form-submit rich-text-editor

SJ1*_*J11

2013 09-24

6
推荐指数

1
解决办法

3415
查看次数

Evernote是如何在Android上实现其富文本编辑器的？

正如在这里所要求的:Evernote是如何在iOS上实现他们的富文本编辑器的？

我一直在努力为Android上的富文本编辑找到第三方库.我刚刚安装了Evernote的Android客户端,他们有一个非常好的解决方案.有谁知道他们是怎么做到的？

编辑

对于任何人来说,Wordpress应用程序包含一个开源的WYSIWYG-ish编辑器:

https://android.trac.wordpress.org/browser/trunk/src/org/wordpress/android/EditContent.java

android richtext rich-text-editor evernote

tad*_*tad

2017 05-23

6
推荐指数

1
解决办法

6411
查看次数

在一个可信的div中,可以使用浏览器的撤消撤消`range.insertNode`吗？

我正在研究一个contenteditablediv来制作一个简单的RichText-Editor.我的要求之一是能够在按钮事件上的光标位置插入html块.

我可以用得到的那部分工作正常range,selection,range.insertNode(nodeHTML)或range.pasteHTML(nodeHTML)基于浏览器.但我无法得到两件事,理想情况下我想拥有

要能够撤消插入的节点,请使用浏览器的撤消.不知何故,浏览器忽略了上述操作.
将光标移动到插入节点的末尾.这样用户就可以开始写作了

我知道我可以使用许多可用的编辑器,这样做非常好,但如果我得到这个,我就不必这样做了.欢迎任何帮助甚至建议.

谢谢.

javascript undo contenteditable rich-text-editor

sim*_*rsh

2013 09-25

6
推荐指数

1
解决办法

1540
查看次数

angular2 wysiwyg tinymce实现和双向绑定

嗨,我正在尝试将tinymce实现为一个角度2组件,用于创建新线程的小型论坛.我希望textarea(tinymce)的内容被双向绑定到组件内的变量.到目前为止,提交按钮有效,但keyup事件没有.

export class ForumNewThreadComponent implements OnInit{

  constructor(){}
  ngOnInit():any {
    tinymce.init(
      {
        selector: ".tinyMCE",
      })
  }

text:string;
  submit(){
    this.text = tinymce.activeEditor.getContent();
  }
  getTinymceContent(){
    this.text = tinymce.activeEditor.getContent();
  }
}

Run Code Online (Sandbox Code Playgroud)

并查看

<div class="thread-body">
    {{getValue}}
    <textarea class="tinyMCE" style="height:300px" (keyup)="getTinymceContent()">

    </textarea>
    <button class="btn btn-primary" (click)="submit()">Submit</button>
  </div>

Run Code Online (Sandbox Code Playgroud)

wysiwyg tinymce rich-text-editor typescript angular

Han*_*Che

lucky-day

6
推荐指数

1
解决办法

8378
查看次数

Web文本编辑器中的RTF格式

网络上是否有文本编辑器支持RTF格式文档的输入？

我知道对Webdev的要求有点奇怪，但是我需要从数据库中读取RTF文档，并在基于Web的文本编辑器中对其进行编辑，然后将其存储回RTF中。在我过度投入转换工具之前，我想问一下许多网络文本编辑器是否支持RTF。我的研究表明他们没有。

另外，由于这是MVC 4.6应用程序，因此要用C＃编写双向RTF-HTML转换工具是否需要付出巨大的努力？

编辑器将接收的样本输入： "{\rtf1\ansi{\fonttbl\f0\fswiss Helvetica;}\f0\pard This is some {\b bold} text.\par }"

javascript c# asp.net-mvc data-conversion rich-text-editor

aio*_*kos

2016 08-18

6
推荐指数

1
解决办法

2943
查看次数

如何从SummerNote onPaste上的标签中删除样式属性？

当用户将html内容粘贴到Summernote texteditor时,是否可以删除所有样式属性？

例如:(输入)

 <p style="font-weight:500; color:#000;">Hello World </p>
 <div style="display:block"> I am a Div content </div>

Run Code Online (Sandbox Code Playgroud)

粘贴后的预期输出:

 <p>Hello World </p>
 <div> I am a Div content </div>

Run Code Online (Sandbox Code Playgroud)

我想在Javascript/Jquery中实现一些东西

$('tag').removeAttr("style");

Run Code Online (Sandbox Code Playgroud)

SummerNote文本编辑器中是否有任何内置选项或功能可以执行此操作？

提前致谢

jquery wysiwyg text-editor rich-text-editor summernote

Sat*_*nan

lucky-day

6
推荐指数

1
解决办法

1895
查看次数

您将如何实现具有分页功能的富文本编辑器？

作为一个更大项目的一部分，我将实现一个带分页的富文本编辑器。

由于以前在内容可编辑方面的糟糕经历，我更希望编辑器使用文档模型的方法（例如，散文镜像和板岩）。

编辑器将只有少数用户可以插入的元素，因此功能的数量并不是很重要。

这里的难题是分页，不幸的是，我见过的其他看起来不错的编辑器都没有支持开箱即用。

我相信我有能力通过分页支持扩展现有的编辑器之一，但我也意识到这将需要大量的工作，所以我真的想从一开始就做出正确的决定。

根据所提供的信息，您会选择哪种方法来实现带分页的富文本编辑器？

关于扩展/使用各种编辑器的过去经验的技术细节和故事非常受欢迎。

javascript pagination page-break rich-text-editor

use*_*085

lucky-day

5
推荐指数

1
解决办法

2353
查看次数

如何在 Quill（富文本编辑器）中检测和修剪前导/尾随空格？

如何在富文本编辑器Quill中检测并删除前导/尾随空格？

例如，下面的示例HTML表示文本的Quill"\nHi"输出。

我们想要检测并删除Quill创建的每个文本块（而不是整个文档）的前导和尾随空格。基本上，修剪每个嵌入式Quill编辑器的前导/尾随空白。（我们在同一页面中嵌入多个编辑器。）

API似乎没有提供一种简单的方法来实现这一点，并且需要一些黑客技术？

有没有一种优雅的方法可以有效地用Quill修剪文本？

<div class="ql-editor" 
     data-gramm="false" 
     contenteditable="true" 
     spellcheck="false" 
     autocomplete="off" 
     autocorrect="off" 
     autocapitalize="off">
   <p style="align-self: center;">
       <br>
   </p>
   <p style="align-self: center;">
        <span style="font-family: Lato; color: rgb(0, 0, 0); font-size: 80px; line-height: 1.5; letter-spacing: 0em; font-weight: 400; font-style: normal;">Hi&nbsp;</span>
     </p>
</div>

Run Code Online (Sandbox Code Playgroud)

html javascript css rich-text-editor quill

Cra*_*lot

2020 06-20

5
推荐指数

1
解决办法

6236
查看次数