wysiwyg 相关问题

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

当我点击编辑区域时页面向下滚动是android summernote编辑器的性质吗？

每当我单击编辑器时，页面就会向下滚动。我认为这是为了定位编辑区的第一行。我只希望无论我做什么，展示都不会改变。 [点击之前] [点击后] ...

editor wysiwyg summernote

回答 0 投票 0

ProseMirror/Telerik Blazor 所见即所得编辑器如何刷新内容？

我正在使用 Telerik Editor（它包装了 ProseMirror 所见即所得编辑器）并且在将新内容加载到编辑器中时遇到问题。我有一个元素列表，当选择这些元素时会更改 @bind-...

javascript .net blazor telerik wysiwyg

回答 0 投票 0

如何让我的所见即所得文本编辑器返回正确的文本格式

我正在开发一个项目，用户可以使用 tinyMCE 文本编辑器填写表单，但它会返回带有 html 标签的相同文本。这是我的设置 tinymce.init({ 选择器：'</desc> <question vote="-1"> <p>我正在开发一个项目，用户可以使用 tinyMCE 文本编辑器填写表单，但它会返回带有 html 标签的相同文本。</p> <p>这是我的设置</p> <pre><code><script> tinymce.init({ selector: 'textarea', plugins: 'anchor autolink emoticons image link lists linkchecker a11ychecker tinymcespellchecker ', toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent |', }); </script> </code></pre> <p><a href="https://i.stack.imgur.com/sNcfo.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL3NOY2ZvLnBuZw==" alt="my output"/></a></p> <p><a href="https://i.stack.imgur.com/443CB.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzQ0M0NCLnBuZw==" alt="my input"/></a></p> <p>我希望它返回没有 html 标签的文本的正确格式</p> </question> </body></html>

javascript ejs wysiwyg

回答 0 投票 0

使用适当的样式和语法突出显示格式化 CKEditor 文本

我正在使用 CKEditor，并且还在我的设置中添加了 Syntax Highlighter 插件（（代码片段））。但是，我正在努力以正确的样式（来自 CKEditor）输出 CKEditor 文本，包括...

javascript css ckeditor wysiwyg

回答 1 投票 0

如何异步插入图片到 ProseMirror？

我们正在使用 ProseMirror，TipTap 的抽象在它之上。我正在尝试在用户粘贴时异步将图像添加到我们的编辑器而不会搞砸历史堆栈，但是撤消

javascript wysiwyg editing tiptap prose-mirror

回答 0 投票 0

Summernote 在 php 编辑模式下不更新文本内容

我有一个简单的php博客系统。它使用的是 summernote 所见即所得的编辑器。当我保存时，它正在向数据库添加内容。但在编辑模式下，文本不会更新到数据库。我有一个简单的php博客系统。它使用的是 summernote 所见即所得的编辑器。当我保存时，它正在向数据库添加内容。但是在编辑模式下，文本没有更新到数据库。 <?php }else if ($_REQUEST["mode"]!="delete") { $images="Choose file"; if($_REQUEST["mode"]=='edit'){ $Editsql = "SELECT * FROM `content-listing` where id='".$_REQUEST["id"]."'"; $Editresult = mysqli_query($conn, $Editsql); if ($Editresult->num_rows > 0) { while ($editrow = mysqli_fetch_assoc($Editresult)) { $images=$editrow['images']; $content=$editrow['content']; $title=$editrow['title']; $meta_title =$editrow['metatitle']; $meta_desc = $editrow['metadesc']; $meta_keyword = $editrow['keywords']; $date=$editrow['date']; $tags=$editrow['tags']; $slug=$editrow['slug']; $tags=$editrow['tags']; $author=$editrow['author']; } } } ?> 我检查了代码，没有错误。

javascript php html css wysiwyg

回答 0 投票 0

将博客合并到 django 项目中

所以，我构建了一个电子商务应用程序，所以主要用例是销售产品，但我也有一个博客页面，我的问题是解决这个问题的最佳方法是什么？是不是像CKEditor那样使用所见即所得

django blogs wysiwyg

回答 0 投票 0

如何在文本编辑器中更改单个单词的颜色/随着时间的推移淡出它们

我正在尝试创建一个允许用户输入的文本框。正如他们所做的那样，最近（最后）的单词将是黑色的，而之前的单词会逐渐变成白色。现在，我有一个 contenteditable

javascript html wysiwyg text-editor

回答 0 投票 0

Stackoverflow 使用的所见即所得编辑器是什么？

Stackoverflow 用于文本框的编辑器是 Jquery 插件还是专为网站定制的编辑器？这个编辑器有什么替代品吗？我的意思是一个有编程的编辑器......

jquery wysiwyg

回答 2 投票 0

magento2 中所见即所得编辑器的问题

当我们切换节目编辑器时，从前端创建了一个自定义页面，一些代码会自动添加，后端的响应也不同，对于该页面，我们在前端没有问题...

magento backend editor magento2 wysiwyg

回答 1 投票 0

获取 contenteditable 中发生按键按下的元素

我有一个内容可编辑的 div，该 div 有一些内容： Lorem ipsum dolor sit ... 我有一个div是contenteditable并且那个div有一些内容： <div contenteditable="true" id="editable-div"> <p id="paragraph"> Lorem <em>ipsum</em> dolor sit <strong id="stong-el">amet</strong> <p> </div> 我想拦截keydown事件并找到用户试图写入的元素。听content editable div时已经找不到具体元素了： const div = document.getElementById('editable-div'); div.addEventListener('keydown', event => { /* ??? */ }, false); 问题：回调中的事件并没有告诉我写入了哪个元素，它只告诉我我已经写入了#editable-div 我的另一个尝试是监听嵌套事件，像这样： // either const el = document.getElementById('paragraph'); // or const el = document.getElementById('stong-el'); el.addEventListener('keydown', event => { /* ??? */ }, false); 问题是事件永远不会触发。显然，该事件仅在具有 contenteditable 属性的元素上触发，这很糟糕。我最后的办法是听#editable-div并检查哪个元素有文本选择，但如果有任何其他方式我宁愿不这样做。更新我发现的另一种方法是在可编辑元素上使用MutationObserver，像这样： const observer = new MutationObserver(mutations => { mutations.forEach(function(mutation) { console.log(mutation.target); }); }); const config = { characterData: true, subtree: true }; const div = document.getElementById('editable-div'); observer.observe(div, config); 这记录了我编辑的文本元素。我不确定我的问题是否得到了回答，因为最后我想做两件事：捕获并阻止更新内部数据结构的事件从数据结构中渲染 React 组件这似乎不是一个合适的解决方案。您可以将 keydown 事件附加到文档的正文中。然后在 keydown 事件上，使用 document.activeElement 返回当前具有焦点并将接收键盘输入的元素。这里是解释 document.activeElement 的链接（https://developer.mozilla.org/en-US/docs/Web/API/Document/activeElement）您可以将侦听器放在 contenteditable 元素上，然后通过比较其新文本与旧文本来检查更新了哪个元素。并且取决于您可以在相应的分支中执行您的操作。检查这个代码块- <div id="ce" contenteditable="true"> <strong id="s">Abc</strong><br/> <i id="i">Hello</i> </div> <script> oldstext = document.getElementById('s').textContent; olditext = document.getElementById('i').textContent; document.getElementById('ce').addEventListener('keydown', event => { //alert("ce Edited"); if(oldstext != document.getElementById('s').textContent){ console.log(oldstext + " v/s " + document.getElementById('s').textContent); oldstext = document.getElementById('s').textContent; } else if (olditext != document.getElementById('i').textContent){ console.log(olditext + " v/s " + document.getElementById('i').textContent); olditext = document.getElementById('i').textContent; } }, false); </script> 您可以查看当前文本选择的anchorNode来获取发生keydown事件的DOM节点： const div = document.getElementById('editable-div'); div.addEventListener('keydown', event => { console.log(window.getSelection()?.anchorNode); }, false); https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection

javascript html wysiwyg contenteditable

回答 3 投票 0

同名的多个Summernote

我在这样的表单中有一个 summernote textarea 单击按钮我需要克隆整个

jquery forms clone wysiwyg summernote

回答 0 投票 0

我无法将图像名称添加到 summernote textarea

嗨，我在这里阅读了很多页面并尝试了一切，但我想我遗漏了一些东西。下面的代码将文件上传到文件夹，但 textarea 无法获取文件名或其他内容，只能上传。搜索

jquery wysiwyg summernote

回答 1 投票 0

创建简单的 PHP 脚本编辑器

我正在尝试创建一个 PHP 游乐场，但我不知道如何制作编辑器本身。我一直在寻找所见即所得的编辑器来让我格式化/缩进代码，但我没有运气。我不知道...