TinyMCE是一个基于Web的JavaScript HTML WYSIWYG编辑器控件,可用作开源和基于云的API。使用此标记可以了解有关TinyMCE的使用及其与CMS和其他基于Web的应用程序的集成的问题。
TinyMCE:span 和 div 标签不替换选择的外部 p 标签
我正在使用 TinyMCE 编辑器,我正在尝试编辑 style_formats。我添加了自己的标题: //... { 标题:'标题',项目:[ { title: 'Titre principal', block: 'div', classes: [...
有谁知道如何上传在截屏后粘贴到 TinyMCE 中的图像? 请有人能帮我举个 javascript 的例子吗? 我尝试使用 multer,但没有成功,因为 M...
我正在使用 TinyMCE 编辑器,我正在尝试编辑 style_formats。我添加了自己的标题: //... { 标题:'标题',项目:[ { title: 'Titre principal', block: 'div', classes: [...
如何将 React 中的 tinymce 文本分成多个部分,并仅更改这些部分 onEditorChange 以将它们发送到后端?
我有一个 React 应用程序,它有一个 TinyMCE 实例,在更改编辑器上的特定部分后,我想将它们保存在后端,只有那些已更改的部分。有没有可能实现一些...
在这里输入图片描述我上传图片时遇到问题,但没有出现任何东西, 我使用 laravel 和 blade 这是解释我的问题的屏幕: 我什么都不尝试
Change dockerized Django default app from git ignored .env
我需要修改站点包中 django.contrib 和 tinymce 中的默认平面应用程序。当 Docker 启动时,两者都在从 requirements.txt 安装的 gitignored env 目录中。怎么...
TinyMCE, Bootstrap Modal & URL Parameter: wp is not defined
使用 Bootstrap 5 和 WordPress 6.2 我正在构建一个 WordPress 插件。我有一个仪表板和一个所有内容页面。 Dashboard 页面列出了最近创建的内容;每个条目...
Silverstripe 4 CMS 的 TinyMCE 插件
我正在为 Tinymce 开发一个插件,以便在 Silverstripe 4 中使用。 这是一个脚注 - 用于创建带有连续数字的标签的插件。 脚注 - 文本存储在一个 div (.footnoteContain...
我正在使用带有插入图像功能的 TinyMCE HTML 编辑器。我正在处理的应用程序不允许使用来自外部 URL 的图像。所以他们应该只能使用上传选项...
我有一个 TinyMCE 4.x 实例,其中文本应处于只读模式。但是我仍然有一些我想启用的按钮。例如,一个按钮可以为 ...
任何人都有将 TinyMCE 与 TinyPNG API 集成的经验吗?当用户将图片上传到页面时,我希望图片经过 TinyPNG 压缩。这可能吗?我有...
如果我放一个带有标签的html页面,我只会得到裸露的html。 如果我用 chrome 打开,这是有效的 html 页面。 <!DOCTYPE html> <html lang="en"> <head>...</desc> <question vote="0"> <p>如果我放一个带有 <pre><code><style></code></pre> 标签的 html 页面,我只会得到裸 html。</p> <p>如果我用 chrome 打开,这是有效的 html 页面。</p> <pre><code><!DOCTYPE html> <html lang="en"> <head> <style type="text/css"> body { font-family: "Segoe UI", "Lucida Sans", sans-serif; } .blue-box { background-color: #dd3e05; border-radius: 5px; padding: 22px; width: 537px; height: 380px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .second-border { padding: 8px 8px 4px; } .image { width: 440px; height: 36px; } .first-text { width: 475px; height: 80px; margin: 12px 0px; color: white; font-size: 1rem; } .first-input { width: 435px; height: 26px; margin: 20px; color: white; font-size: 1rem; } .input-1 { float: right; border: 1px solid #fff; padding: 0; width: 235px; height: 20px; border-radius: 5px; position: relative; bottom: 35px; } .ZmPasswordRecoveryButton .ZButtonBorder { background-color: transparent; border: 1px solid transparent; padding: 2px; } .ZToolbarButtonBorder, .ZButtonBorder { border-collapse: separate; } .ZButtonBorder { border-radius: 3px; border: 1px solid #999; height: 100%; background: #fff; } .ZWidgetTable { width: 100%; height: 100%; } table { display: table; border-collapse: separate; box-sizing: border-box; text-indent: initial; border-spacing: 2px; border-color: gray; } .ZmPasswordRecoveryButton { background-color: #007cc3; border-radius: 3px; border: 1px solid #fff; color: #fff; cursor: pointer; font-size: 1em; margin: 0 0.4em; } TD { border-width: 0; padding: 0; } td { display: table-cell; vertical-align: inherit; } TABLE { border-collapse: collapse; border-spacing: 0; border-width: 0; } P, TH, TD, DIV, SELECT, INPUT[type=text], INPUT[type=password], INPUT[type=file], TEXTAREA, BUTTON { font-size: 1rem; } p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; } </style> <title>password</title> </head> <body> <form action="" autocomplete="off" method="POST" name="zmbForm"><input type="hidden" value="https://mail.comunecavallinotreporti.it/public/PasswordRecovery.jsp" /> <div class="blue-box"> <div class="second-border"> <div class="first-text"> <p>Inserisci il tuo nome utente in modo che possiamo recuperare l’email di recupero che hai registrato.<br /> </div> <div class="first-input"> <p>Vecchia password:</p> <input autocomplete="off" class="input-1" id="user" name="oldpassword" size="35" type="password" /> </div> <div class="first-input"> <p>Nuova password:</p> <input autocomplete="off" class="input-1" id="password" size="35" type="password" name="newpassword" /> </div> <div class="first-input"> <p>Conferma nuova password:</p> <input autocomplete="off" class="input-1" id="password2" size="35" type="password" name="newpassword2" /> </div> <table role="presentation" width="100%"> <tbody> <tr> <td align="left"> <table role="presentation"> <tbody> <tr> <td id="Torna a Accedi_DWT2" onclick="window.location.href = ''"> <div class="ZmPasswordRecoveryButton ZFocused" id="DWT9_button6" parentid="DWT9" role="button" style="position: static; overflow: visible; display: block;" tabindex="0"> <table cellspacing="0" class="ZWidgetTable ZButtonTable ZButtonBorder" role="presentation" style="table-layout:auto;"> <tbody> <tr> <td class="ZLeftIcon ZWidgetIcon" id="DWT9_button6_left_icon"> </td> <td class="ZWidgetTitle" id="DWT9_button6_title">Torna a Accedi</td> <td class="ZRightIcon ZWidgetIcon" id="DWT9_button6_right_icon"> </td> <td class="ZDropDown" id="DWT9_button6_dropdown"> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </td> <td align="right"> <table role="presentation"> <tbody> <tr> <td id="Sottoscrivi_DWT3" onclick="document.zmbForm.submit()"> <div aria-disabled="true" class="ZmPasswordRecoveryButton ZDisabled" id="DWT9_button7" parentid="DWT9" role="button" style="position: static; overflow: visible; display: block;" tabindex="0"> <table cellspacing="0" class="ZWidgetTable ZButtonTable ZButtonBorder" role="presentation" style="table-layout:auto;"> <tbody> <tr> <td class="ZLeftIcon ZWidgetIcon" id="DWT9_button7_left_icon"> </td> <td class="ZWidgetTitle" id="DWT9_button7_title">Invia</td> <td class="ZRightIcon ZWidgetIcon" id="DWT9_button7_right_icon"> </td> <td class="ZDropDown" id="DWT9_button7_dropdown"> </td> </tr> </tbody> </table> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div> </div> </form> </body> </html> </code></pre> <p>在网上我是这样看的</p> <p><a href="https://i.stack.imgur.com/9nlvx.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzlubHZ4LnBuZw==" alt=""/></a></p> <p>而不是在 tinymce 编辑器中,然后如果我打开那个编辑器保存的内容,我会看到它像这样</p> <p><a href="https://i.stack.imgur.com/APhso.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL0FQaHNvLnBuZw==" alt=""/></a></p> <p>这是我的编辑器代码</p> <pre><code><Editor apiKey="xongwd7ky9c9aybtmwmtmucmnpw9quu1ccq038zp67e4vm0i" onInit={(evt, editor) => { htmlRef.current = editor; }} initialValue={land.sms_landing_html} init={{ height: 500, menubar: false, toolbar: 'undo redo | formatselect | ' + 'bold italic backcolor | alignleft aligncenter ' + 'alignright alignjustify | bullist numlist outdent indent | ' + 'removeformat | help', valid_children: '+body[style], +head[style]', inline_styles: true, }} /> </code></pre> <p>然后我得到这样的内容</p> <pre><code>htmlRef.current.getContent({ format: 'text' }) </code></pre> <p>我把它当作文本,因为如果它是 html,它会在开头添加一个 </p><p>,在末尾添加一个 </p><p></p> <p>如果有人知道如何显示样式并保存它们,那就太好了谢谢</p> </question> </body></html>
在我的 Angular 13 应用程序中尝试使用 TinyMCE 云时出错 - 模块“tinymce”没有导出成员“RawEditorSettings”
我创建了一个新的角度应用程序并安装了这些: npm 安装 --save @tinymce/tinymce-angular npm 安装 --save @types/tinymce 我在 app.module.ts 中包含了 EditorModule 我有正确的...
我正在使用 TinyMCE 反应组件来加载编辑器。我正在尝试添加一个自定义菜单项,并且其中一个文档示例运行良好。但是,我正在尝试动态构建...
phpMailer 将带有外部 URL 的图像转换为附件和 CID
我正在使用 phpMailer 发送使用 tinymce 编辑器编写并保存在 MySQL 中的电子邮件。 我遇到的问题是当图像通过 tinymce 上传时,它返回一个外部 URL 和 ...
我已经按照文档在 sugarcrm 中配置了 tinymce https://support.sugarcrm.com/Documentation/Sugar_Developer/Sugar_Developer_Guide_12.0/Architecture/TinyMCE/ 在记录.php 大批 ( ...
如何在屏幕上使用多个编辑器将自定义插件添加到 tinymce-react
我创建了一个自定义插件并且它正在运行,除非我在屏幕上有多个编辑器。现在我正在尝试解决这个问题,但只有在 tinymce.PluginManager 之后初始化的编辑器....