zoukankan      html  css  js  c++  java
  • 【ASP.NET Core】mdl conflicts with tinymce

    When I implementd the popular Richtext Editor tinymce for this web application, it conflicts with material design lite's js library, mdl-js-layout, so the editor cannot be edited or the content cannot shows up.

    Here is the solution, add the following js code into your site.js file, and it will fix the conflication bug.

    document.addEventListener('mdl-componentupgraded', function (e) {
        //In case other element are upgraded before the layout  
        if (typeof e.target.MaterialLayout !== 'undefined') {
            // Initialize your tinyMCE Editor with your preferred options
            tinyMCE.init({
                // General options
                mode: "textareas",
                //selector: 'textarea',
                plugins: "advlist autolink link image lists charmap print preview wordcount textcolor insertdatetime anchor emoticons codesample table pagebreak",
                menubar: false,
                toolbar:
                    [
                        "undo redo styleselect bold italic | advlist autolink link image lists charmap print preview wordcount forecolor backcolor insertdatetime anchor emoticons codesample table pagebreak",
                        "",
                    ],
                content_css: "css/site.css",
            });
        }
    });
  • 相关阅读:
    ffmpeg用法
    文本文件存储格式
    一个守护进程实例
    构造函数初始化列表问题
    Windows系统下远程Linux系统
    printStackTrace
    getParameter
    HTML5新增的属性和废除的属性
    oracle导出表结构及注释
    <input type="text" > size与width区别
  • 原文地址:https://www.cnblogs.com/brian-ding/p/5337199.html
Copyright © 2011-2022 走看看