tinymce 相关问题

TinyMCE是一个基于Web的JavaScript HTML WYSIWYG编辑器控件,可用作开源和基于云的API。使用此标记可以了解有关TinyMCE的使用及其与CMS和其他基于Web的应用程序的集成的问题。


的说明

注:要100%清楚,我正在尝试添加一个“样式”下拉列表,作者可以用来将我的自定义样式应用于文本。 (请不要将我的问题与如何使用编辑式式编辑器来为编辑器进行设计,以实现编辑器style.css ...)。 我设法使代码正常工作,但仅在

回答 2 投票 0

如何在ACF编辑器中添加自定义Tinymce按钮? 我已经在编辑器中添加了自定义Tinymce按钮,但是我不知道如何将其添加到ACF中的编辑器。 函数mce_cta_button(){ 如果(is_admin()){ add_filter('mce_external_plugins','

function mce_cta_button() { if ( is_admin() ) { add_filter( 'mce_external_plugins', 'custom_tinymce_plugin' ); add_filter( 'mce_buttons', 'register_mce_buttons' ); } } add_action('admin_head', 'mce_cta_button');

回答 1 投票 0

我有一个下拉列表,在Tinymce编辑器中显示了我所有的自定义短代码。以下是我的函数文件中的代码:

升级后,下拉列表不再出现。我需要对我的代码进行哪些更改才能再次工作? (下面也是我的JavaScript文件代码)

回答 2 投票 0

如何将属性添加到Tinymce编辑器的HTML标签?

中添加“ html”标签中的属性

回答 1 投票 0

在Tinymce中,您如何处理上传到服务器的图像,然后在编辑器中删除?

i我的图像通过拖放和图像上传对话框上传到了在Tinymce工作的服务器。他们通过不同的命名惯例得救了,但它起作用。 如果用户删除了帖子,我会...

回答 3 投票 0




嵌套 TinyMCE 模态输入控件未获得焦点

在一页上加载 5 个 TinyMCE 编辑器失败后,我决定创建“编辑”按钮,然后将编辑器加载到模式中。 在一页上加载 5 个 TinyMCE 编辑器失败后,我决定创建“编辑”按钮,然后将编辑器加载到模式中。 <Modal.Body> <FormGroup className="mb-3"> <Editor name="text" label="Text" /> //My TinyMCE object </FormGroup> </Modal.Body> 但是,当任何 TinyMCE 功能打开自己的模式时,其输入控件都不会获得焦点。尝试在 Bootstrap Modal 上将 autoFocus 设置为 false 但仍然没有用。我发现这个问题过去已经得到解决,如这个问题。然而,同样,大多数响应都是针对我不熟悉的 jQuery 定制的。有基于 React 的解决方案吗? 假设您正在使用react-bootstrap库,那么您需要将enforceFocus属性设置为false(而不是autoFocus)。请参阅https://react-bootstrap.github.io/components/modal/#modal-props 需要这样做的原因是引导程序将尝试确保焦点永远不会离开模式对话框以实现可访问性。这通常很好,但在这种情况下,它与 TinyMCE 冲突,TinyMCE 本身需要打开新的模式对话框并将内容集中在其中(正如您已经提到的那样)。 我在使用 mui 材料对话框时也遇到了同样的问题。 我找到了在对话框中添加此关键字的解决方案disableEnforceFocus, disableRestoreFocus 示例解决方案: <Dialog fullScreen open={open} TransitionComponent={Transition} disableEnforceFocus disableRestoreFocus >

回答 2 投票 0

有API可以将域名添加到批准的域名列表中吗?

我们为客户提供个性化网址。对于每个需要个性 URL 的客户,我们都会手动将域添加到批准的域列表中。这是我们希望自动化的过程。 你们提供 API 吗...

回答 1 投票 0

引导模式上的tinymce代码编辑器不可编辑

我有一个奇怪的问题,即代码编辑器在引导模式上显示时不可编辑。这是一个代码示例。 https://jsfiddle.net/sogrbilja/4s9cyetk/14/ 我有一个奇怪的问题,即代码编辑器在引导模式上显示时不可编辑。这是一个代码示例。 https://jsfiddle.net/sogrbilja/4s9cyetk/14/ <div class="modal fade" id="_bodyModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true"> <div class="modal-dialog modal-xl modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="staticBackdropLabel">Why I cannot edit html?</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <textarea data*id="0" id="bodyText" ></textarea> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Zatvori</button> <button type="button" class="btn btn-primary" onclick="acceptChanges()">Primeni izmene</button> </div> </div> </div> </div> <button class="btn btn-sm btn-info" onclick="editEmailBody();">click here to invoke modal first</button> tinymce.init({ selector: '#bodyText', height: 300, plugins: 'code', menubar: 'view' }); const _bodyModal = new bootstrap.Modal(document.getElementById('_bodyModal'), { keyboard: false }); function editEmailBody() { tinymce.get('bodyText').setContent("next click on View/Source code to invoke code editor and there try to change something, it is not possible, but i don know why"); _bodyModal.show(); } Bootstrap 将阻止所有将焦点移动到另一个模式对话框的尝试。因此,正如TinyMCE文档中所述,您需要防止Bootstrap将焦点捕获在Bootstrap对话框中。看来您正在使用 Bootstrap 5,这意味着您需要添加以下内容: // Prevent Bootstrap dialog from blocking focusin document.addEventListener('focusin', (e) => { if (e.target.closest(".tox-tinymce-aux, .moxman-window, .tam-assetmanager-root") !== null) { e.stopImmediatePropagation(); } }); 这是使用上述内容并显示其工作原理的更新小提琴:https://jsfiddle.net/92dfrh5z/ buscado 3 解析器解决了问题并最终解决了问题。

回答 2 投票 0

在 WordPress 中向 TinyMCE 添加自定义按钮

我想向 TinyMCE 添加一个带有弹出窗口的新按钮。但我从来没有看到按钮。我可能做错了这个修改。如何在 TinyMCE 代码上插入新按钮? 我有这个 TinyMCE C...

回答 1 投票 0

TinyMCE wordpress,自定义按钮不显示

我在wordpress中创建了一个插件来向TinyMCE添加一个按钮。我现在有下面的代码,它非常严格地遵循这里的示例: https://www.gavick.com/blog/wordpress-tinymce-custom-

回答 1 投票 0

有什么建议来替换已弃用的tinymce.create() api吗?

最近,我正在努力从版本5迁移到版本6 并发现tinymce.create()已被弃用。 目前,我们正在使用它来定制现有的开源图像插件,但在失败之后......

回答 1 投票 0

如何在WP中的TinyMCE中添加多个按钮?

我遵循了 Nettuts 上的教程,了解如何向 TinyMCE 添加自定义按钮 (http://net.tutsplus.com/tutorials/wordpress/wordpress-shortcodes-the-right-way/) 它工作得很好,但我想...

回答 4 投票 0

TinyMCE - 提供带有 language_url 的语言文件

我已经使用本地托管的 TinyMCE 5 设置了一个 Angular 14 应用程序,到目前为止该应用程序可以正常运行。但是,我无法进行任何本地化工作,因为找不到提供的翻译文件。 文档指出您...

回答 1 投票 0

域名未在 TinyMCE 客户门户上注册

我面临以下问题。在我的 azurewebsite CMS 中,尝试编辑页面时收到以下消息: ** “此域名未在 TinyMCE 客户门户中注册。请提醒...

回答 1 投票 0

显示模态时自动聚焦 TinyMCE 编辑器 TextArea 位于 Bootstrap 模态内

所以我对项目内部的所有文本区域使用 TinyMCE 编辑器。有关 TinyMCE 编辑器的更多文档可以在此处找到。 我有四个不同的按钮,但我们只关注其中一个

回答 2 投票 0

Tinymce 如何将图片的替代描述字段设为必填?

我使用的是tiny MCE版本5.8.2,有时作者在上传图像时不会添加替代描述。所以我想将字段设置为必填字段,以便添加图片...

回答 3 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.