WYSIWYG(所见即所得)描述了用于图形设计的编辑器,它们通常不需要了解产品底层代码。编辑器将用户的编辑内容转换回标记语言(如HTML)。示例包括Microsoft Visual Studio,Adobe Dreamweaver的设计视图和许多CMS编辑器。
我从网站复制了一段文本并将其粘贴到 Magento 2 Enterprise 中的所见即所得编辑器中。 编辑器自动检测正确的格式(大小、粗体、斜体...),甚至复制的链接正确...
我使用 Facebook 的 Lexical 库作为所见即所得组件,但我不知道如何创建初始值? 找了半天,主动扔到这个论坛上,
使用TipTap时有没有办法突出显示代码? 使用默认的简单编辑器,我可以在使用三个反引号时创建代码块,但是这些反引号不会突出显示。 从'@ti...导入{编辑器}
我想知道在编辑从 ASP.NET、PHP、GWT 或其他任何东西生成的复杂 HTML 页面时是否有任何好的所见即所得编辑器。我尝试过很多所见即所得的工具,但是经过一定的
如何去掉 Froala WYSIWYG 编辑器的文本水印(Yii2 小部件)
我正在为我的非盈利项目使用 Yii2 的 Froalla 所见即所得小部件。我承认我缺乏研究,并且事先不知道这是一项付费服务,因此我正在努力应对多重“
我需要编写具有非常简单格式的 HTML 文档集合。事实上我只需要 h、div、pre、code、ul、ol、li、a 标签。 有没有一个工具可以让我“在线”编写文本,然后...
有没有办法使用React Quill或编辑器js添加chatGPT,例如预先输入/自动完成?我可以开始打字,AI 会从 Open AI API 向我提供文本建议,我可以添加这些建议...
在 QuillJS 上,我需要单击第一行才能聚焦,而我希望整个编辑器都可单击。 我尝试在 div 上添加 contenteditable="true" 并且它起作用了,但这造成了很多......
从 Online Builder 安装 Vue 3 CKEditor 5 不起作用
我正在按照他们的文档将我的自定义构建添加到 vue 3,这是我的组件 //在脚本设置中 从 '@ckeditor/ckeditor5-vue' 导入 CKEditor 从 'ckeditor5-custom-build/
我在 React 应用程序中使用 Tiptap 编辑器。当我检查粗体或斜体时,编辑器的 isActive 函数可以正常工作 但是... 我在 React 应用程序中使用 Tiptap 编辑器。当我检查粗体或斜体时,编辑器的 isActive 函数可以正常工作 <Button variant={editor.isActive('bold') ? 'contained' : 'outlined'}/> 但它不是下划线 <Button variant={editor.isActive('underLine') ? 'contained' : 'outlined'}/> 我尝试过“下划线”、“下划线”,但都不起作用。 应该是underline而不是underLine。查看文档中提供的代码片段https://tiptap.dev/api/marks/underline
我需要让这两份传单并排放置,而不是上下放置。有人知道怎么做吗? 每当它试图让他们并肩前进时,它就会从侧翼进攻。我将不胜感激任何投入,或者如果......
Flutter 中是否有通过 Delta 提供的 LaTeX 方程渲染方法?
我正在开发一个必须显示富文本的应用程序。所以这个富文本将来自 Quill 富文本编辑器。 Quill 以 Delta 格式导出此富文本,这基本上是一个 json
我正在开发一个使用 Deno Fresh 框架的项目。但我找不到任何与 Deno 兼容的所见即所得编辑器。通常在其他项目中我只会将链接添加到 sc...
在 WordPress Wysiwyg 中添加插入短代码选项
我创建自己的短代码已经有一段时间了,这非常有帮助。我想知道是否有一种方法可以在默认的 WordPress 编辑器上方添加一个按钮,类似于 &qu...
目前我使用 $('div#edit').froalaEditor('html.get') 来检索编辑器内的 html 数据,但是当涉及到在我的后端处理/存储文本数据时,它很糟糕,因为所有p 标记 a...
更改使用 Javascript 中的 ContentTools 库创建的内容
我想要做的是使用javascript更改使用内容工具创建的内容。 例如: T... 我想做的是使用javascript更改通过内容工具创建的内容。 例如: <div data-editable data-name="content"> <p id='p-text'>This is a paragrahp</p> </div> document.getElementById("p-text").innerHTML = "Hello World" 当我在该 html 中执行此 javacript 代码时,它会更改值。但当我点击保存按钮时,它又回到了旧状态。 ContentTools 似乎没有注意到我做了更改。有一种明确的方法可以做到这一点,因为内容工具有一个工具可以更改属性对话框中元素的内部 HTML。我怎样才能实现这个目标? 更改内部 HTML 的方法是正确的、基于普通 JS 的解决方案。但是,您希望能够在保存按钮上设置此值。 请参阅文档:https://getcontenttools.com/getting-started 它有一个 saved 事件的示例: editor.addEventListener('saved', function (ev) { var name, payload, regions, xhr; // Check that something changed regions = ev.detail().regions; if (Object.keys(regions).length == 0) { return; } // Set the editor as busy while we save our changes this.busy(true); // Collect the contents of each region into a FormData instance payload = new FormData(); for (name in regions) { if (regions.hasOwnProperty(name)) { payload.append(name, regions[name]); } } // Send the update content to the server to be saved function onStateChange(ev) { // Check if the request is finished if (ev.target.readyState == 4) { editor.busy(false); if (ev.target.status == '200') { // Save was successful, notify the user with a flash new ContentTools.FlashUI('ok'); } else { // Save failed, notify the user with a flash new ContentTools.FlashUI('no'); } } }; xhr = new XMLHttpRequest(); xhr.addEventListener('readystatechange', onStateChange); xhr.open('POST', '/save-my-page'); xhr.send(payload); }); 它执行 AJAX 发布,但您可以做其他事情,例如写入 localStorage 或任何最适合您场景的内容。这个想法是,您可以创建一个 saved 事件并使用保存按钮正确触发该事件,或者您可以修改保存按钮的单击事件以发布/保存您的更改。现在,每当保存完成(可能是页面加载或回调函数)时,您都可以将 innerHTML 设置为正确的值,就像您在测试中所做的那样。
draft-js 无法读取未定义的属性“getIn”( getUpdatedSelectionState )
我在使用 Draft-js-plugins-editor 时遇到了这个错误 奇怪的行为:只有当我在编写后重新聚焦到编辑器的第一行时,当尝试设置例如时,才会发生这种情况。第一个标题...
React-Quill:如何防止输入新字符时自动应用 quillJS 格式?
我正在加载一个 html 字符串,它代表数据库中的编辑器内容。我想在该字符串中下划线/粗体特定单词: 前任。一二三四五 我已经知道如何申请了
react-draft-wysiwyg 显然正在格式化文本,但当它进入数据库时会转换为简单文本
编辑器在数据进入数据库后不提供格式,它以纯文本形式进入数据库,但显示为格式化文本 从“react”导入 React, { useState, useEffect }; 导入 { db,
How can I use https://github.com/yabwe/medium-editor in my django app,我尝试创建一个表单: <p>如何在我的 django 应用程序中使用 <a href="https://github.com/yabwe/medium-editor" rel="nofollow noreferrer">https://github.com/yabwe/medium-editor</a>,我尝试创建一个表单:</p> <pre><code><script src="https://cdn.jsdelivr.net/npm/medium-editor@latest/dist/js/medium-editor.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/medium-editor@latest/dist/css/medium-editor.min.css" type="text/css" media="screen" charset="utf-8"> <script>var editor = new MediumEditor('.editable');</script> <div class="editable" contenteditable="true"></div> </code></pre> <p>但是什么也没有出现</p> <p>我试图将它手动输入到我的项目中,但没有任何效果。</p> </question> <answer tick="false" vote="0"> <p>尝试反转最后两行,以便在代码运行之前在 DOM 中建立 HTML 元素。</p> <pre><code><div class="editable" contenteditable="true"></div> <script>var editor = new MediumEditor('.editable');</script> </code></pre> <p>另一个选项是在调用中添加一个监听器,以确保 DOM 内容在代码运行之前就位</p> <pre><code><script> window.addEventListener("DOMContentLoaded", () => { var editor = new MediumEditor('.editable'); }); </script> </code></pre> </answer> </body></html>