如何在onblur上隐藏Ckeditor
在onblur事件上隐藏Ckeditor，可以通过以下步骤实现：
- 首先，确保已经引入了Ckeditor的相关文件和库。
- 在HTML页面中，找到需要隐藏的Ckeditor实例的相关元素，通常是一个textarea标签。
- 给该textarea标签添加一个onblur事件处理函数，可以通过JavaScript或者jQuery来实现。
- 在onblur事件处理函数中，调用Ckeditor的隐藏方法，将其隐藏起来。具体的方法可以根据Ckeditor的版本和使用方式而定。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<script src="path/to/ckeditor.js"></script>
</head>
<body>
<textarea id="editor"></textarea>
<script>
// 初始化Ckeditor
CKEDITOR.replace('editor');
// 获取textarea元素
var textarea = document.getElementById('editor');
// 给textarea添加onblur事件处理函数
textarea.onblur = function() {
// 隐藏Ckeditor
CKEDITOR.instances.editor.setReadOnly(true);
};
</script>
</body>
</html>在上述示例中，我们首先引入了Ckeditor的相关文件，然后在页面中创建了一个textarea元素，并使用CKEDITOR.replace方法将其转换为Ckeditor实例。接着，我们获取了该textarea元素，并给它添加了一个onblur事件处理函数。在该处理函数中，调用了Ckeditor的setReadOnly方法，将其设置为只读状态，从而隐藏了Ckeditor。
请注意，上述示例中的路径和方法名仅供参考，具体的路径和方法名可能会根据你使用的Ckeditor版本而有所不同。另外，腾讯云并没有提供与Ckeditor直接相关的产品，因此无法提供相关的产品介绍链接地址。
相关·内容
3回答
如何在onblur上隐藏Ckeditor
javascript、ckeditor
在触发onfocus事件时的文本列上，我使用CKEDITOR.replace('#elementId')在CKedit中显示文本。我想在元素不再被选中时隐藏CKeditor (使用onblur事件)，并显示选择该元素之前的未格式化文本。
有人知道怎么做吗？
浏览 15提问于2018-01-23得票数 0
1回答
仅跳过CKEditor的onblur事件
javascript、asp.net、ckeditor
我有一个java脚本函数，它在body的onblur()事件上触发。="start()"> </CKEditor:CKEditorControl>
每次我点击CKeditor写点什么，onblur事件就会触发。我知道CkEd
浏览 0提问于2013-01-19得票数 0
3回答
CKEditor React图像调整大小插件
javascript、reactjs、ckeditor、ckeditor5、ckeditor5-react
如何在react中使用ImageResize。我找不到任何样本。我想要调整图像的大小，我从CKEditor添加到我的react组件上。<CKEditor editor={ClassicEditor} const data = editor.getData() }}
浏览 6提问于2020-05-13得票数 5
2回答
如何使用Base64UploadAdapter在React中将图像粘贴到CKEditor5中
reactjs、ckeditor5
根据React和CKEditor5图像上传选项：
import CKEditor from '@ckeditor/ckeditor5-react';import Base64UploadAdapter from '@cke
浏览 7提问于2019-07-11得票数 6
2回答
如何从JSF中的html组件向服务器发送数据
javascript、html、jsf-2
我的页面中有一个CKEditor。像这样 <title>Facelet Title</title> nam
浏览 1提问于2011-12-16得票数 1
回答已采纳
1回答
AngularJS + CKEditor，模糊事件
angularjs、ckeditor、angularjs-directive
这是我的ckeditor指令(用coffeescript编写)require: '?ngModel' ck = CKEDITOR.replace(elm[0])这就是我使用它的方式： ckeditor
ng-model=&
浏览 1提问于2013-09-19得票数 2
1回答
custom 5自定义构建onChange无法工作
reactjs、ckeditor5
包括提到插件和其他默认插件disabled={props.readOnlygetData: () => any }) => { handleChange(editor); onBlur={(_event: any, _
浏览 10提问于2022-04-27得票数 1
回答已采纳
1回答
如何检测ckeditor实例中的更改事件？
jquery、events、ckeditor
当您在ckeditor中编辑内容时，相同的内容出现在其他地方(如div、p等)。在相同的时间。其他有趣的问题:当我移除display:none和visibility:隐藏在文本区域(附在ckeditor上)时，我看到它是空的。但是，如果我试图获得textarea的值($('#text_editor').val())，就有来自ckeditor的内容。魔法是什么？
浏览 2提问于2012-04-30得票数 1
回答已采纳
1回答
CKEditor段落间距问题
html、ckeditor
存在与CKEditor段落间距有关的问题。如果我在输入ckeditor，它就能正常工作。如果我从浏览器复制粘贴的东西，它可以正常工作。但是，当我复制粘贴word文件中的东西时，两段之间有很大的空间。
浏览 2提问于2016-09-29得票数 0
回答已采纳
1回答
如何使CKEditor完全正常工作？
8、wysiwyg
我试图让完整的CKEditor在Drupal 8中工作，但我只看到了标准工具栏。我下载了完整的zip文件并将其解压缩到核心/模块/ ckeditor，卸载/重新安装了ckeditor，但它仍然是标准工具栏。
如何启用完整工具栏？
浏览 0提问于2015-12-18得票数 0
3回答
无法创建多个ckeditor实例(“默认”已注册)
javascript、ckeditor
问题是我只能创建一个ckeditor实例。这就是我在搜索各种问题(如Stack Overflow上的我的问题)之后所尝试的：var editor = CKEDITOR.instances['createText').ckeditor(); $('#editTemplate').<e
浏览 4提问于2015-04-22得票数 3
回答已采纳
1回答
如何从网格视图行中删除HTML标记
c#、html、asp.net、gridview
我有一个使用CKeditor功能的文本框。问题是，当我在文本框中添加文本和链接并提交它时。我也可以在网格视图(如 )中看到HTML标记。我想要的是，无论何时添加数据，它都应该隐藏/使HTML标记不可见。
还可以看到文本框的HTML代码。<ckeditor:ckeditorcontrol id="txtreportdescription" basepath="/ckeditor/" runat="server"&
浏览 2提问于2014-12-31得票数 0
回答已采纳
4回答
如何在ckeditor中设置文本
ckeditor、ckfinder
如何在CKEditor中设置文本？CKEditor还需要与ckfinder集成。//我需要在后面的代码中使用值设置ckeditor文本。目前这不是隐藏的，但我最终会这样做的。我需要将这个值设置为我的ckeditor。.setData(t);
然后设置不再显示
浏览 0提问于2013-02-10得票数 2
1回答
Jquery验证ckedior，忽略同一形式上的隐藏字段。
jquery、jquery-validate、ckeditor
CKEditor和同一形式上的隐藏字段。但工作不正常..。required", required: function() { txt1 : "required&quo
浏览 1提问于2015-02-19得票数 2
回答已采纳
2回答
CKEditor -触发器对话框确定按钮
ckeditor
我使用的是CKEditor，我写了一个弹出CKEditor对话框的插件。我需要重新设计ok按钮，并在页脚添加更多元素，如textbox和checkbox，但这样做似乎太复杂了，所以我隐藏了页脚部分，并在对话框内容中创建了一个包含所有我需要的内容的uiElement，但现在我想要的是在隐藏的页脚中触发
浏览 1提问于2013-01-20得票数 2
1回答
刷新div时ckeditor消失
php、javascript、jquery、html、ckeditor
在openclosediv.php页面中，我有一个记录列表和一个按钮(显示/隐藏div按钮)，它将content.php带到放置在openclosediv.php中的。在content.php页面中，每当我点击上面提到的按钮时，我都会有一个ckeditor，但是当我第一次按下按钮ckeditor之后，ckeditor就不会出现了。下面是在openclosediv.php中显示/隐藏div的代码： {
浏览 0提问于2012-11-06得票数 0
1回答
CKeditor如何使用Bower
javascript、java、ckeditor、bower、rich-text-editor
我已经从Bower安装了CKeditor，如CKeditor文档中所示： "name": "my-project", "ckeditor": "4"}<!-- Make sure the path to CKEditor
浏览 1提问于2016-07-21得票数 1
1回答
如何从CKeditor背后的代码中改变C#的背景
c#、asp.net、background、ckeditor
如何将CKeditor的背景色从C#中更改？还有其他小费吗？更新
我已经下载了CKEditor for ASP.net，而且也不工作，因为它还会自动在后台创建textarea元素--实际上就像在CSSclass=""中本地使用CKeditor一样。引用C#中的控件，我现在就
浏览 9提问于2016-10-31得票数 0
回答已采纳
1回答
如何在CKEdtor 3.0中禁用隐藏/显示工具栏的按钮？
configuration、ckeditor、fckeditor
我目前正在为CKEditor安装创建自定义配置。除了禁用隐藏/显示工具栏的切换按钮外，我还解决了所有问题。所以我的问题是：“如何在CKEdtor 3.0中禁用隐藏/显示工具栏的按钮？”
浏览 4提问于2009-11-30得票数 0
回答已采纳
1回答
如何通过材料UI react来增加CKEditor React组件的大小？
reactjs、material-ui、ckeditor
我在项目中多次使用CKEditor React Component (https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integrationRichTextEditor.js (在文件夹A中) import React, { Component } from "react";
import { CKEditor } from "@ckedit
浏览 32提问于2020-11-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
