wysiwyg 相关问题

WYSIWYG(所见即所得)描述了用于图形设计的编辑器,它们通常不需要了解产品底层代码。编辑器将用户的编辑内容转换回标记语言(如HTML)。示例包括Microsoft Visual Studio,Adobe Dreamweaver的设计视图和许多CMS编辑器。

如何获取完整的剪贴板内容,包括格式和链接?

我从网站复制了一段文本并将其粘贴到 Magento 2 Enterprise 中的所见即所得编辑器中。 编辑器自动检测正确的格式(大小、粗体、斜体...),甚至复制的链接正确...

回答 2 投票 0

如何在词法富文本中创建初始值,然后对其进行编辑?

我使用 Facebook 的 Lexical 库作为所见即所得组件,但我不知道如何创建初始值? 找了半天,主动扔到这个论坛上,

回答 1 投票 0

如何使用tiptap突出显示代码块?

使用TipTap时有没有办法突出显示代码? 使用默认的简单编辑器,我可以在使用三个反引号时创建代码块,但是这些反引号不会突出显示。 从'@ti...导入{编辑器}

回答 3 投票 0

有没有HTML所见即所得编辑器?

我想知道在编辑从 ASP.NET、PHP、GWT 或其他任何东西生成的复杂 HTML 页面时是否有任何好的所见即所得编辑器。我尝试过很多所见即所得的工具,但是经过一定的

回答 7 投票 0

如何去掉 Froala WYSIWYG 编辑器的文本水印(Yii2 小部件)

我正在为我的非盈利项目使用 Yii2 的 Froalla 所见即所得小部件。我承认我缺乏研究,并且事先不知道这是一项付费服务,因此我正在努力应对多重“

回答 4 投票 0

有没有独立的 HTML 编辑器

我需要编写具有非常简单格式的 HTML 文档集合。事实上我只需要 h、div、pre、code、ul、ol、li、a 标签。 有没有一个工具可以让我“在线”编写文本,然后...

回答 3 投票 0

React 文本编辑器 AI 提前输入/自动完成

有没有办法使用React Quill或编辑器js添加chatGPT,例如预先输入/自动完成?我可以开始打字,AI 会从 Open AI API 向我提供文本建议,我可以添加这些建议...

回答 1 投票 0

QuillJS - 需要单击第一行才能聚焦

在 QuillJS 上,我需要单击第一行才能聚焦,而我希望整个编辑器都可单击。 我尝试在 div 上添加 contenteditable="true" 并且它起作用了,但这造成了很多......

回答 1 投票 0

从 Online Builder 安装 Vue 3 CKEditor 5 不起作用

我正在按照他们的文档将我的自定义构建添加到 vue 3,这是我的组件 //在脚本设置中 从 '@ckeditor/ckeditor5-vue' 导入 CKEditor 从 'ckeditor5-custom-build/

回答 4 投票 0

Tiptap 编辑器下划线扩展

我在 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

回答 1 投票 0

如何在所见即所得编辑器中执行此操作?

我需要让这两份传单并排放置,而不是上下放置。有人知道怎么做吗? 每当它试图让他们并肩前进时,它就会从侧翼进攻。我将不胜感激任何投入,或者如果......

回答 1 投票 0

Flutter 中是否有通过 Delta 提供的 LaTeX 方程渲染方法?

我正在开发一个必须显示富文本的应用程序。所以这个富文本将来自 Quill 富文本编辑器。 Quill 以 Delta 格式导出此富文本,这基本上是一个 json

回答 1 投票 0

Deno 的所见即所得编辑器?

我正在开发一个使用 Deno Fresh 框架的项目。但我找不到任何与 Deno 兼容的所见即所得编辑器。通常在其他项目中我只会将链接添加到 sc...

回答 1 投票 0

在 WordPress Wysiwyg 中添加插入短代码选项

我创建自己的短代码已经有一段时间了,这非常有帮助。我想知道是否有一种方法可以在默认的 WordPress 编辑器上方添加一个按钮,类似于 &qu...

回答 1 投票 0

如何从froala编辑器获取文本数据?

目前我使用 $('div#edit').froalaEditor('html.get') 来检索编辑器内的 html 数据,但是当涉及到在我的后端处理/存储文本数据时,它很糟糕,因为所有p 标记 a...

回答 5 投票 0

更改使用 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 设置为正确的值,就像您在测试中所做的那样。

回答 1 投票 0

draft-js 无法读取未定义的属性“getIn”( getUpdatedSelectionState )

我在使用 Draft-js-plugins-editor 时遇到了这个错误 奇怪的行为:只有当我在编写后重新聚焦到编辑器的第一行时,当尝试设置例如时,才会发生这种情况。第一个标题...

回答 2 投票 0

React-Quill:如何防止输入新字符时自动应用 quillJS 格式?

我正在加载一个 html 字符串,它代表数据库中的编辑器内容。我想在该字符串中下划线/粗体特定单词: 前任。一二三四五 我已经知道如何申请了

回答 0 投票 0

react-draft-wysiwyg 显然正在格式化文本,但当它进入数据库时会转换为简单文本

编辑器在数据进入数据库后不提供格式,它以纯文本形式进入数据库,但显示为格式化文本 从“react”导入 React, { useState, useEffect }; 导入 { db,

回答 0 投票 0

在 django 应用程序中实现媒体编辑器

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>&lt;script src=&#34;https://cdn.jsdelivr.net/npm/medium-editor@latest/dist/js/medium-editor.min.js&#34;&gt;&lt;/script&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://cdn.jsdelivr.net/npm/medium-editor@latest/dist/css/medium-editor.min.css&#34; type=&#34;text/css&#34; media=&#34;screen&#34; charset=&#34;utf-8&#34;&gt; &lt;script&gt;var editor = new MediumEditor(&#39;.editable&#39;);&lt;/script&gt; &lt;div class=&#34;editable&#34; contenteditable=&#34;true&#34;&gt;&lt;/div&gt; </code></pre> <p>但是什么也没有出现</p> <p>我试图将它手动输入到我的项目中,但没有任何效果。</p> </question> <answer tick="false" vote="0"> <p>尝试反转最后两行,以便在代码运行之前在 DOM 中建立 HTML 元素。</p> <pre><code>&lt;div class=&#34;editable&#34; contenteditable=&#34;true&#34;&gt;&lt;/div&gt; &lt;script&gt;var editor = new MediumEditor(&#39;.editable&#39;);&lt;/script&gt; </code></pre> <p>另一个选项是在调用中添加一个监听器,以确保 DOM 内容在代码运行之前就位</p> <pre><code>&lt;script&gt; window.addEventListener(&#34;DOMContentLoaded&#34;, () =&gt; { var editor = new MediumEditor(&#39;.editable&#39;); }); &lt;/script&gt; </code></pre> </answer> </body></html>

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.