tinymce v4 jquery:如何捕获 onkeyup?

2024-02-28

我试图在填写某些表单字段时启用提交按钮。我找到了一段可以工作的javascript代码,但是我对由tinymce转换的textarea fiel有问题...如何捕获它?

My html:

<form id="form_id1">
<fieldset>
<legend>Personal</legend>
Name: <input type="text" size="30" /><br />
Email: <input type="text" size="30" /><br />
Date of birth: <input type="text" size="10" /><br />
Address : <textarea size="30"></textarea><br />

</fieldset>
<input type="submit" value="Submit" />
</form>

我的JavaScript:

$(document).ready(function()
{

    $('#form_id1 input:submit').attr("disabled", true);
    var textCounter = false;
    $('#form_id1 input:text, #form_id1 textarea').keyup(check_submit);

    function check_submit() {
        $('#form_id1 input:text, #form_id1 textarea').each(function()
          {
            if ($(this).val().length == 0) {
                textCounter = true;
                return false;
               }
            else {
                textCounter = false;
            }
         });

        $('#form_id1 input:submit').attr("disabled", textCounter);
    }
});

我的tinymce初始化:

tinymce.init({
                selector: "textarea",
                language: 'fr_FR',
                image_advtab: true,
                menubar:false,
                forced_root_block: false,
                plugins: ["link","code","media","image","textcolor", "emoticons"],
                toolbar: "bold italic forecolor backcolor alignleft aligncenter alignright alignjustify link unlink image media emoticons",
             });

Thanks


在tinymce init中添加:

setup: function(ed) {
    ed.on('keyup', function(e) {
        console.log('Editor contents was modified. Contents: ' + ed.getContent());
        check_submit();
    });
}

请记住,您可能需要找到编辑器实例而不是文本区域才能获取实际值。如果你让文本区域有id="textarea-tiny-mce"

tinymce.get('textarea-tiny-mce').getContent();
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

tinymce v4 jquery:如何捕获 onkeyup? 的相关文章

  • React HTML 编辑器 (TinyMce)

    我正在寻找适用于 React 的 HTML 编辑器 但由于我没有找到任何可以正常工作的内容 我只需要格式化文本 h1 h2 h3 p 粗体和图像 in base64 最后我决定使用Tiny Mce 效果很好 但仅限于第一次打开页面时 如果我
  • 自定义tinymce 4.0.5 styleselect工具栏菜单

    我正在尝试自定义默认值styleselect工具栏菜单 这样我就可以向其中添加自定义菜单元素 这个想法是将字体大小设置为styleselect子菜单 我初始化了一个TinyMCE 4 0 5通过以下方式 tinymce init langu
  • 如何在windowmanager中添加tinymce列表框值

    我打开一个窗口管理器并添加一个文本字段和列表框 editor windowManager open title Insert caption body type textbox name text label text multiline
  • TinyMCE 4.2 - 获取新的(核心)图像工具来将(API)编辑后的图像保存为文件?

    如果这是重复的 我很抱歉 我还没有发现任何与此相关的问题 新的 TinyMCE 4 2 图像工具将图像保存为 base64 数据 而不是目录中的图像文件 在新发布的TinyMCE 4 2中有一个新的内联图像编辑器 参考 图像工具 效果很好
  • TinyMCE 4 插入链接表单字段已禁用

    我正在使用TinyMCE Railsgem 使用 TinyMCE 4 我正在加载link插件 所有这一切都是在颜色框弹出窗口之后 中启动的 TinyMCE 编辑器工作正常 但链接按钮会弹出一个对话框来添加 编辑链接 但除了target可供编
  • Tinymce 与 Angular 2/4 的双向绑定

    这是我的tinymce component ts import Component OnDestroy AfterViewInit EventEmitter Input Output from angular core Component
  • 模型更改时不会调用 ngModel.$render

    我正在尝试将 tinymce 与 Angular 一起使用 但指令中的 render 函数遇到一些问题 当我更新模型时 不会调用 render 函数 这里用一个plunkr来说明 http plnkr co edit Ih1nDq p pr
  • TinyMCE 堆栈类

    我使用 TinyMCE 4 作为我的默认编辑器 在配置中我指定了样式格式 除了一件事之外 它完全有效 它堆叠类 我的风格格式 style formats title Heading 2 block h2 classes heading 02
  • TinyMCE file_picker_callback 从默认浏览器文件选择中选择图像

    我在项目中使用 TinyMCE 并希望用户使用其默认插入图像窗口选择图像并将其上传到服务器 我想点击以下按钮 打开浏览器默认文件选择窗口并将所选图像添加到编辑器中 到目前为止我的代码如下 JS tinymce init selector h
  • TinyMCE 4 - 将自定义样式/类/属性添加到任何 HTML 标签

    是否有任何插件 可能性允许通过 TinyMCE 4 WYSIWYG 将自定义属性添加到 HTML 标签 例如 我通过编辑器添加了此代码 而不是通过源代码 div a href uploads myfile pdf My file img s
  • 如何在 TinyMCE v4 中实现tinymce.Shortcuts

    我想向我的 TinyMCE 编辑器添加键盘快捷键 这是我的初始化代码 tinymce init selector textarea menubar false mode exact plugins advlist autolink list
  • 如何向 TinyMCE 添加占位符文本?

    对于标准文本区域 我使用placeholder 我如何扩展tinymce 使其也以这种方式工作 与 CKEditor 类似 http alfonsoml blogspot com es 2012 04 placeholder text in
  • TinyMCE初始化后修改工具栏的正确方法

    我正在使用 JavaScript 扩展云托管的 LMS 因此 我们可以在页面中添加javascript 但不能针对不同的组件修改供应商的javascript LMS 经常使用tinyMCE 目标是在每个tinyMCE编辑器的工具栏上添加一个
  • tinymce v4 jquery:如何捕获 onkeyup?

    我试图在填写某些表单字段时启用提交按钮 我找到了一段可以工作的javascript代码 但是我对由tinymce转换的textarea fiel有问题 如何捕获它 My html
  • 如何使 TinyMCE 的模式对话框响应式?

    我正在使用 Bootstrap 3 在响应式 CMS 上使用 TinyMCE4 我注意到 TinyMCE4 中的对话框 模式没有响应 这有点令人失望 我开始编写一些简单的 CSS 类来覆盖固定宽度 但似乎有大量的 CSS 类使得这项任务看起
  • 如何动态添加tinymce 4.x到textarea?

    我在初始化后动态地将tinymce添加到textarea时遇到了一个小问题 tinymce init selector textarea theme modern height 100 plugins advlist autolink im
  • 获取 TinyMCE 4 Font Sizes 下拉菜单以将字体大小设置为 px 而不是 pt

    有没有人找到一种方法可以使 TinyMCE 4 字体大小下拉菜单提供以 px 而不是 pt 为单位的字体大小 Thanks 您需要使用fontsize formats option http www tinymce com wiki php
  • 如何在 TinyMCE 4 中创建一个增加字体大小的按钮

    有没有人设法在 TinyMCE 4 中创建一个按钮 该按钮会将所选文本的字体大小增加 例如 1px 我遇到的问题是获取选定的文本 无论它是否已经在跨度中 我愿意修改TinyMCE源代码 感谢您的任何想法 你不需要修改源代码 你可以创建一个插
  • TinyMCE 脏标志未设置或在编辑器离开后自动重置?

    配置 TinyMce 编辑器和一些功能后 如果用户进行了更改但没有保存 我现在想警告用户 为此 我正在检查 Blur 的脏标志 但它总是被设定的false 控制器 js this scope tinymceOptions selector
  • 在tinymce 4中裁剪后上传图像

    我正在开发tinymce 并且已经实现了imagetools 现在 当图像插入到文本编辑器中 然后我编辑 裁剪图像时 它将图像 src 更改为类似的内容blob www localhost asdf ghij 我想要的是裁剪后我可以将此 u

随机推荐

  • Flutter showDialog 未在 PopupMenuItem 点击上显示

    我在用着PopupMenuButton在我的应用程序中 我想要showDialog在点击一个PopupMenuItem My PopupMenuItem PopupMenuItem child Text Show dialog onTap
  • setState 方法导致 Reactjs 函数中的结果无限循环

    该代码显示数组中的用户记录 我还创建了一个updateCount 功能对内容显示的用户进行计数 我可以看到计数结果alerted并在控制台中 现在我想显示计数结果 为此 我初始化setState 内的方法updateCount功能 upda
  • PHP 和 Java 中的 SHA256

    我正在将一些 Java 代码移植到 PHP 代码 在Java中我有一个哈希SHA256代码如下 public static String hashSHA256 String input throws NoSuchAlgorithmExcep
  • 从 Action 指令创建 DynamicMethod

    我正在使用 DynamicMethod 并旨在执行以下操作 我有一个 Action 从中可以使用字节形式获取 IL 代码GetILAsByteArray 从这个字节我想创建一个动态方法并执行 这是我正在尝试做的事情的一个例子 class P
  • 在 Windows 10 上使用 nuwen MinGW 的 C++17 文件系统

    我想尝试 C 17 中的新文件系统库 因此尝试复制来自 cppreference com 的 std filesystem current path 示例 https en cppreference com w cpp filesystem
  • PDO 语句会自动转义吗?

    PHP PDO 语句是自动转义的 还是仅准备好的语句 例如 假设 username and password是用户输入 以下代码是否安全 或者是否容易受到注入 dbh new PDO mysql host localhost dbname
  • 在 std::wstring 中查找方法

    我已声明Wstring如下 wstring strID 当我尝试查找出现的子字符串时 如下所示 int index strID find LABS 我收到如下错误 error C2664 unsigned int std basic str
  • 如何在 python 中使用可变宽度高斯函数执行卷积?

    我需要使用高斯执行卷积 但是高斯的宽度需要改变 我不进行传统的信号处理 而是需要根据设备的分辨率获取完美的概率密度函数 PDF 并 涂抹 它 例如 假设我的 PDF 一开始是尖峰 增量函数 我将其建模为非常窄的高斯 经过我的设备运行后 它将
  • Spring中如何只实现CrudRepository的特定方法?

    我在用着CrudRepositoryspring data jpa 只定义一个实体的接口 然后拥有所有标准的 CRUD 方法 而无需显式提供实现 例如 public interface UserRepo extends CrudReposi
  • 批量插入问题

    我在客户端有一个 CSV 文件 我想开发一个 C 应用程序来将数据批量插入到数据库的表中 以尽量减少日志输出 我对是否在客户端使用 ADO NET 调用数据库服务器中的存储过程感到困惑 什么样的代码需要在客户端开发 什么样的代码需要在服务器
  • 如何在快速路线中调用不同的 REST API?

    我有一个使用多种路由创建的express js REST API 我想创建一个路由来调用另一个 REST API 然后返回结果 理想情况下 它应该类似于以下内容 router post CreateTicket cors corsOptio
  • UIImagePickerController - 相机未准备好

    我正在开发一个录制视频的 iPhone 应用程序 我创建一个 UIImagePickerController 将其限制为视频录制 然后以编程方式要求相机启动VideoCapture 不幸的是 当我运行该应用程序时 我在控制台中看到以下内容
  • 为什么我无法使用 python 建立与rabbitMQ的连接?

    我正在学习如何使用rabbitMQ 我正在 MacBook 上运行rabbit MQ 服务器并尝试与 python 客户端连接 我按照安装说明进行操作here http www rabbitmq com install homebrew h
  • DynamoDB - 新放入的项目未反映在扫描中

    我在 DynamoDB 扫描方面遇到问题 我使用以下命令将新项目添加到表中putItem method AmazonClientManager ddb putItem request 但是 当我尝试使用扫描方法进行扫描时 该项目不会出现在结
  • 如果 xmlcharrefreplace 和 backslashreplace 不起作用,我应该如何解码字节(使用 ASCII)而不丢失任何“垃圾”字节?

    我有一个网络资源 它返回给我的数据 根据规范 应该是 ASCII 编码的字符串 但在极少数情况下 我会收到垃圾数据 例如返回一种资源b xd3PS 90AC 而另一个资源 对于相同的键返回b PS 90AC 第一个值包含非 ASCII 字符
  • 将迭代器传递给 any 来执行以提高速度,为什么?

    问题总结如下 是的 我知道some这些答案 我可以向其他人挥手致意 但我真的很想在这里了解实质内容 这到底是个好主意吗 这个是not below 我想知道地图是否真的增加了速度提升 为什么 为什么要将迭代器传递给any http docs
  • 如何使用按钮打开新窗口[重复]

    这个问题在这里已经有答案了 如何打开一个新窗口 允许我从以下代码中选择时间 我尝试使用 connect 函数连接到 windows2 但似乎出现错误 我想通过一个保管箱选择时间 我可以在上午 10 点 上午 11 点等之前选择时间 有谁知道
  • 对大型数据集执行 PCA

    在 CountVectorizer 变为 40 845 X 218 904 一元组 之后 我遇到了一个只有 2 个类和我的训练数据集矩阵大小的文档分类问题 在考虑卦的情况下 它可以达到 40845 X 3 931 789 有没有一种方法可以
  • 为什么为卷积神经网络给出张量维度? - TensorFlow

    我在理解使用 TensorFlow 设置卷积神经网络时使用的张量的维度时遇到了一些困难 例如 在this https www tensorflow org versions r0 11 tutorials mnist pros index
  • tinymce v4 jquery:如何捕获 onkeyup?

    我试图在填写某些表单字段时启用提交按钮 我找到了一段可以工作的javascript代码 但是我对由tinymce转换的textarea fiel有问题 如何捕获它 My html