标签: wysiwyg

使用 window.getSelection 获取选择/突出显示中的所有元素

我可以获得单个元素或共同祖先元素,但我无法弄清楚如何获取所有突出显示的元素。

这是获取共同祖先的演示。

console.clear();
document.querySelector('div').addEventListener('mouseup', () => {
  const selection = window.getSelection();
  const elem = selection.getRangeAt(0).commonAncestorContainer.parentNode;
  console.log(elem);
});
Run Code Online (Sandbox Code Playgroud)
<div contenteditable="true">
  <header>
    <h1>Rich Text Editing Development</h1>
    <p>I'm <strong><em>really</em> annoyed</strong> with trying to figure out this answer.</p>
  </header>
</div>
Run Code Online (Sandbox Code Playgroud)

由于rangeCount总是只有 1,并且我从选择和其他子项中看到的对象没有所选项目的数组或节点列表(我注意到),所以我不知道该怎么办。

那么我如何知道哪些元素被选择/突出显示?

javascript wysiwyg contenteditable rich-text-editor

2
推荐指数
1
解决办法
2887
查看次数

将 TinyMCE WYSIWYG HTML 编辑器集成到 React Native 应用程序

我正在尝试将 TinyMCE WYSIWYG HTML 编辑器合并到 React Native WebView 组件中。有办法执行这个任务吗?

javascript wysiwyg tinymce webview react-native

2
推荐指数
1
解决办法
2404
查看次数

无法将 Lexical 解析为 HTML

我有一个词法编辑器,需要将其序列化为 html,以便我可以将其嵌入到电子邮件模板中。

我在使用该函数时不断遇到以下错误$generateHtmlFromNodes

Error: Unable to find an active editor state.
State helpers or node methods can only be
used synchronously during the callback of editor.update() or editorState.read().
Run Code Online (Sandbox Code Playgroud)

我的编辑器组件采用一个 prop,即 LexicalEditor 类型的 editorRef,这确保我可以从父级访问编辑器,我希望在父级中处理电子邮件的序列化和发送。

编辑器.tsx:

Error: Unable to find an active editor state.
State helpers or node methods can only be
used synchronously during the callback of editor.update() or editorState.read().
Run Code Online (Sandbox Code Playgroud)

我的父组件:

interface EditorProps {
  editorRef: React.MutableRefObject<LexicalEditor>;
}

export const Editor = (props: EditorProps) => {
  const initialConfig = { …
Run Code Online (Sandbox Code Playgroud)

wysiwyg reactjs lexicaljs

2
推荐指数
1
解决办法
3133
查看次数

有没有一种解码html实体的方法,同时使用PHP单独留下<br/,> <p>等?

我在我的网站上使用tinyMCE作为我的文本编辑器,我想在将文本保存到我的数据库之前重新格式化文本(将’标签更改为'然后更改为').我找不到使用tinyMCe这样做的简单方法,并使用htmlentities()更改包括<>在内的所有内容.有任何想法吗?

php wysiwyg tinymce

1
推荐指数
1
解决办法
2759
查看次数

使用JQuery的智能引号

使用jQuery,如何在编辑文本框时启用智能引号的实时插入?

jquery wysiwyg

1
推荐指数
3
解决办法
1767
查看次数

使用Wiki工具而不是Sharepoint的客观原因?

重复

开发人员文档:Sharepoint文档管理与ScrewTurn Wiki

我的任务是为开发组织选择一个wiki工具,由几个不同的开发团队组成.安装了Sharepoint,上层管理人员更喜欢使用它,但过去它只在PM被迫使用它时使用.没有开发人员会使用需要共享的内容来更新它.我在Sharepoint开发,我喜欢它,所以我没有反对它.但是为了实现这个目标,我需要一些可以让每个人都使用的东西,所以Sharepoint无法运行.第一步是说服管理层为什么Sharepoint不起作用.我们需要典型的wiki功能:

WYSIWYG,干净的界面,易于使用,将文件附加到页面,支持用户组,开源,本地托管.(也许其他我现在不考虑?)

任何人都可以提供一个客观原因列表,为什么Sharepoint不是我们可以用来迈出第一步的解决方案?有很多这样的产品,所以第2步应该更容易.

sharepoint wiki wysiwyg open-source

1
推荐指数
1
解决办法
5520
查看次数

如何在页面上插入文本编辑器

我正在寻找在我的网站上插入文本编辑器/制作一个简单的编辑器.如果它不太难,我宁愿做一个.

我的想法是我有一个插入数据库的文本区域,我想要查看的文本完全相同,一旦它被拉回来就被用户输入,希望再次信息相同的文本区域编辑.有点像这个问题窗口.

php wysiwyg text editor

1
推荐指数
1
解决办法
1万
查看次数

如何设置elrte编辑器的价值?

我正在研究更新页面,我想设置elrte的值,但是如何?

 <textarea id="ehtml"></textarea>
..
$(document).ready(function() {
    $('#ehtml').elrte(opts_edit);
    $('#ehtml').elrte('val') = $('#ehtml').val(); //not working error:  Invalid left-hand side in assignment
});
...
Run Code Online (Sandbox Code Playgroud)

谢谢.

html jquery wysiwyg editor rich-text-editor

1
推荐指数
1
解决办法
3363
查看次数

如何在JTextPane中获取当前的html元素(标记)?

我正在使用Java程序在WYSIWYG Html编辑器上做.我需要当我在Paragraph元素上单击鼠标时,它应该显示

在JOption对话框中标记.请指教我如何做到这一点?

java wysiwyg swing jtextpane htmleditorkit

1
推荐指数
1
解决办法
1163
查看次数

如何在execCommand WYSIWYG编辑器中查找所选的文本字体大小和名称

我正在使用WYSIWYG编辑器execCommand()和我自己的拖放式javascript函数.

我希望能够找到所选文本的名称和大小(如果适用).我怎么能这样做呢?

是否有与execCommand()此相关的特定功能?

javascript wysiwyg editor execcommand

1
推荐指数
1
解决办法
1726
查看次数