zoukankan      html  css  js  c++  java
  • angularjs kindEditor 中自定义按钮 弹出dialog


    1.angular-kindeditor.js 第38行左右加

    editorConfig.items = ["placehoder"];

    2.en.js 第234行
    placeholder : 'placeholder'

    3.
    /placeholder/placehoder.js
    KindEditor.plugin('placeholder', function(K) {
    var self = this, name = 'placeholder';
    // 点击图标时执行
    self.clickToolbar(name, function() {
    var dialog = K.dialog({
    width : 500,
    title : 'Select window',
    body : '<div style="margin:10px;">' +
    '<strong>' +
    '<label>Select:</label>' +
    '<select class="form-control" id="select_id" style=" 180px;">' +
    '<option value="">---select---</option>' +
    '<option value="{company}">Company</option>' +
    '<option value="{phone}">Phone</option>' +
    '<option value="{email}">Email</option>' +
    '</select>' +
    '</strong>' +
    '</div>',
    closeBtn : {
    name : 'Close',
    click : function(e) {
    dialog.remove();
    }
    },
    yesBtn : {
    name : 'Ok',
    click : function(e) {
    if($("#select_id").val().length==0){
    alert("Pleace choice value");
    return;
    }
    self.insertHtml($("#select_id").val());
    dialog.remove();
    }
    },
    noBtn : {
    name : 'Cancel',
    click : function(e) {
    dialog.remove();
    }
    }
    });
    });
    });
    网页参考http://www.organtranspl.com/Public/kindeditor/examples/dialog.html

  • 相关阅读:
    pymysql
    flask WTForms
    线程安全问题
    flask学习2
    @functools.wraps(func)
    Solidity开发神器Remix
    Web3j实现智能合约
    基于Ubuntu Docker环境下进行以太坊实践
    以太坊RLP机制分析
    以太坊网络服务分析
  • 原文地址:https://www.cnblogs.com/qyhol/p/5438744.html
Copyright © 2011-2022 走看看