我有这个设置为tinyMCE:
tinymceOptions = {
  inline: true,resize: false,plugins: "textcolor",selector: "div.editing",toolbar: "forecolor backcolor",fixed_toolbar_container: ".my-toolbar"
}

而且它应该是我应该的,但不能满足我的需要,我想要的是一个固定的外部工具栏,用于多个编辑器实例,当焦点丢失(模糊事件)不会消失,而不是这种设置的情况.

注意:

删除内联:true没有效果!

解决方法

我在寻找同样的事情在这里.我在TinyMCE论坛上发现了一个有点黑客的方法,目前正在寻找一个更好的方法.

在发生模糊事件之后抛出错误,可以防止TinyMCE的清理删除编辑器.

tinymce.init({
    menubar: false,plugins: "advlist autolink lists link image charmap print preview anchor searchreplace visualblocks code fullscreen insertdatetime media textcolor table contextmenu paste wordcount",toolbar: [
    "undo redo removeformat searchreplace code","styleselect fontsizeselect forecolor","bold italic underline strikethrough superscript subscript","alignleft aligncenter alignright alignjustify | outdent indent blockquote","bullist numlist table | link image media"
    ],selector: '.selected .inline-preview',inline: true,autofocus: true,fixed_toolbar_container: 'section[data-sidebar-text-controls] > div',init_instance_callback: function () {
        tinymce.activeEditor.focus();
    },setup: function (editor) {
        editor.on('blur',function () {
            throw new Error('tiny mce hack workaround');
        });
    }
});

javascript – 如何使tinymce 4工具栏外部并始终可见?的更多相关文章

  1. iOS – UIToolBar作为UITextView的inputAccessoryView

    这是我的代码:解决方法如果工具栏中没有其他附近的按钮,工具栏似乎会将按钮的活动区域扩展到其边界之外.Apple工程师必须认为最好是猜测用户打算按哪个而不是根本不做出反应.

  2. ios – 隐藏TabBar并在按钮单击时显示NavigationController工具栏

    我有以下视图层次结构:标签栏控制器–>导航控制器–>自定义视图控制器在我的自定义视图中,我希望TabBar消失并显示工具栏.与按下“选择”时的iOS7原生照片应用程序非常相似.我尝试了不同的解决方案,我发现了SO,但设法得到:>TabBar隐藏,工具栏显示黑色间隙>隐藏TabBar并隐藏工具栏>TabBar隐藏的工具栏显示与底部的间隙.但是,自定义视图内容到达屏幕底部(在工具栏下方和标签栏位于同一

  3. ios – 工具栏reappers后,状态栏出现在QLPreviewController中

    状态栏最初隐藏在Info.plist中,“状态栏最初隐藏”设置为YES,“查看基于控制器的状态栏外观”设置为NO.但是当我呈现一个QlPreviewController时,经过两次点击文件使工具栏消失并再次出现,状态栏也出现在应用程序中.知道如何防止这种情况发生吗?解决方法在Info.plist文件中,将UIViewControllerBasedStatusBarappearance设置为true

  4. iOS 10,UIToolbar背景颜色不会改变

    我有一个应用程序,自iOS8以来一直存在.它的工作方式是你有一个UITableView并点击单元格来产生一个分数,取决于底部的UI工具栏使用此方法改变颜色的分数:然后每当用这个点击表格视图时调用它:functableView(tableView:UITableView,didSelectRowAtIndexPathindexPath:NSIndexPath){事情是,它自从我构建应用程序以来一直有

  5. ios – UIToolbar不显示UIBarButtonItem

    解决方法发现答案感谢苹果iOS论坛!当您使用导航控制器的工具栏时,必须在视图控制器toolbaritems属性上设置工具栏按钮,而不是在实际工具栏上.例如:

  6. iOS7 Safari中的全屏模式

    我正在使用SenchaTouch开发移动网站.在iOS7Safari中,我无法创建顶级地址栏和下面的工具栏消失了.Sencha过去常常处理iOS6,但iOS7最近的一些变化导致了这个问题.http://java.dzone.com/articles/safari-ios-7-and-html5我阅读了上面的链接&对于HTML5游戏而言,这似乎也是一个问题.一些其他应用程序.适用于iOS6的旧win

  7. ios – 使用UIWebView的手势识别

    谢谢.克里斯谢谢克里斯解决方法尝试将UIWebView包装在UIView容器中,并在容器视图上设置手势识别器.触摸未由UIWebView处理的事件将被传递给视图层次结构,并被容器视图拦截,假设它实现了相应的处理程序(并且这些处理程序应该实现隐藏工具栏的代码…

  8. Xcode / iOS:如何隐藏Navigation-和ToolBar向下滚动?

    我想在iPhone上隐藏两个滚动条.当我向上滚动时,他们应该再次出现..我该如何处理?

  9. ios – 使用cameraOverlayView与UIImagePickerController

    我在图书馆里找不到这样的对象.任何帮助感激不尽.解决方法这是代码:在你的头文件中声明这一点:从ApplePhotoPicker添加此OverlayView.h和.m类.使用自定义相机按钮拍摄照片的操作:输出将如下图所示:快乐编码:)

  10. xcode – NSToolbar – 工具栏空间项 – 打破默认约束

    如果我从应用程序更改NSToolbar的大小,通过小尺寸,图标&文本,应用程序制动未满足的约束我的窗口包含一个工具栏和一个(左/右)拆分视图当我可视化约束错误编辑:看起来像“工具栏空间项目”打破约束,如果我删除它,我运行正常解决方法看起来像一个bug,我最后添加了我自己的空间项目,使用空白的NSView

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部