个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
24
4
当用户单击另一个页面元素并离开文本区域(本质上是 onBlur)时，我试图隐藏 TinyMCE 工具栏。我找到了可以在 Blur 上停用富文本编辑器功能的解决方案，但我只需要隐藏工具栏并保留富文本显示(而不是带有 html 标签的纯文本)。
如有任何建议，我们将不胜感激...谢谢!
这就是我现在拥有的:(它使用外部工具栏)
<html>
<head>
<!-- TinyMCE -->
<script type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
theme_advanced_buttons1 : "fontselect,fontsizeselect,|,bullist,numlist,|,outdent,indent,|,blockquote,image,code,|,fullscreen",
theme_advanced_buttons2 : "bold,italic,underline,strikethrough,sub,sup,hr,|,forecolor,backcolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,link,unlink",
theme_advanced_buttons3 : "tablecontrols,|,charmap",
theme_advanced_toolbar_location : "external",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true
});
</script>
</head>
<body>
<form method="post" action="somepage">
<br />
<br />
<br />
<br />
<br />
<textarea name="content1" id="content1" style="width: 500px;">
This is some sample <b><u>content</u></b>.
</textarea>
<br />
<br />
<a href="javascript: void(0);" onclick="tinyMCE.getInstanceById('content1').toolbarElement.style.display = 'none'">Hide Toolbar</a>
</form>
</body>
</html>
最佳答案
以下代码在焦点处弹出工具栏，并在用户单击编辑器外部某处时将其隐藏。此解决方案已针对 Safari 和 Firefox 进行了测试，但应该也适用于 Internet Explorer。
tinyMCE.init({
...
oninit : function() {//fires after editor is created
// make toolbar draggable (not essential for this anwer)
$(tinyMCE.getInstanceById('content1').toolbarElement).draggable();
//hide toolbar when loosing focus
var frame = ...//get hold of iframe element which contains editable region
if(frame.contentDocument) {
bindEvent(frame.contentDocument.body,"blur",function() {
tinyMCE.getInstanceById('content1').toolbarElement.style.display = 'none';
});
} else {
bindEvent(frame,"blur",function() {
tinyMCE.getInstanceById('content1').toolbarElement.style.display = 'none';
}
}
},
...
});
我的bindEvent函数如下:
function bindEvent(target, eventName, fun) {
if (target.addEventListener) {
target.removeEventListener(eventName, fun, false);
target.addEventListener(eventName, fun, false);
} else {
var name = "on"+eventName;
target.detachEvent(name);
target.attachEvent(name, function(){ fun(eventName); });
}
}
希望这对您(或某人)有帮助。
关于javascript - 如何在不完全停用富文本编辑器的情况下隐藏 TinyMCE 工具栏 onBlur？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4401982/
24
4
0
我是 Java 新手，这是我的代码， if( a.name == b.name && a.displayname == b.displayname && a.linknam
在下面的场景中，我有一个 bool 值。根据结果，我调用完全相同的函数，唯一的区别是参数的数量。 var myBoolean = ... if (myBoolean) { retrieve
我是一名研究 C++ 的 C 开发人员: 我是否正确理解如果我抛出异常然后堆栈将展开直到找到第一个异常处理程序？是否可以在不展开的情况下在任何 throw 上打开调试器(即不离开声明它的范围或任何更高
在修复庞大代码库中的错误时，我观察到一个奇怪的情况，其中引用的动态类型从原始 Derived 类型更改为 Base 类型!我提供了最少的代码来解释问题: struct Base { // some
我正在尝试用 C# 扩展给定的代码，但由于缺乏编程经验，我有点陷入困境。 使用 Visual Studio 社区，我尝试通过控制台读出 CPU 核心温度。该代码使用开关/外壳来查找传感器的特定名称(即
这可能是一个哲学问题。 假设您正在向页面发出 AJAX 请求(这是使用 Prototype): new Ajax.Request('target.asp', { method:"post", pa
我有以下 HTML 代码，我无法在所有浏览器中正常工作: 我试图在移动到
我对 Swift 很陌生。我如何从 addPin 函数中检索注释并能够在我的 addLocation 操作 (buttonPressed) 中使用它。我正在尝试使用压力触摸在 map 上添加图钉，在两
我设置了一个详细 View ，我是否有几个 Nib 文件根据在 Root View Controller 的表中选择的项目来加载。 我发现，对于 Nibs 的类，永远不会调用 viewDidUnloa
我需要动态访问 json 文件并使用以下代码。在本例中，“bpicsel”和“temp”是变量。最终结果类似于“data[0].extit1” var title="data["+bpicsel+"]
我需要使用第三方 WCF 服务。我已经在我的证书存储中配置了所需的证书，但是在调用 WCF 服务时出现以下异常。 向 https://XXXX.com/AHSharedServices/Custome
在几个 SO 答案(1、2)中，建议如果存在冲突则不应触发 INSERT 触发器，ON CONFLICT DO NOTHING 在触发语句中。也许我理解错了，但在我的实验中似乎并非如此。 这是我的 S
如果进行修改，则会给出org.hibernate.NonUniqueObjectException。在我的 BidderBO 类(class)中 @Override @Transactional(pr
我使用 indexOf() 方法来精细地查找数组中的对象。 直到此刻我查了一些资料，发现代码应该无法正常工作。 我在reducer中尝试了上面的代码，它成功了 let tmp = state.find
假设我有以下表格: CREATE TABLE Game ( GameID INT UNSIGNED NOT NULL, GameType TINYINT UNSIGNED NOT NU
代码: Alamofire.request(URL(string: imageUrl)!).downloadProgress(closure: { (progress) in
我是一名优秀的程序员,十分优秀！