v0.5 SQL执行板块

2026-05-12 03:26:44 +08:00 · 2019-07-09 17:41:03 +08:00
parent 9c5cd84641
commit ed88c7a291
982 changed files with 372970 additions and 0 deletions
--- a/static/ueditor/_examples/customPluginDemo.html
+++ b/static/ueditor/_examples/customPluginDemo.html
@@ -0,0 +1,54 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" charset="utf-8" src="../ueditor.config.js"></script>
+    <script type="text/javascript" charset="utf-8" src="editor_api.js"></script>
+</head>
+<body>
+<h1>UEditor自定义插件</h1>
+
+<!--style给定宽度可以影响编辑器的最终宽度-->
+<script type="text/plain" id="myEditor">
+    <p><img src="http://ueditor.baidu.com/website/images/banner-dl.png" alt=""></p>
+    <p>插件描述：选中图片，在其上单击，会改变图片的边框！</p>
+</script>
+<script type="text/javascript">
+
+
+    //创建一个在选中的图片单击时添加边框的插件，其实质就是在baidu.editor.plugins塞进一个闭包
+    UE.plugins["addborder"] = function () {
+        var me = this;
+        //创建一个改变图片边框的命令
+        me.commands["addborder"] = {
+            execCommand:function () {
+                //获取当前选区
+                var range = me.selection.getRange();
+                //选区没闭合的情况下操作
+                if ( !range.collapsed ) {
+                    //图片判断
+                    var img = range.getClosedNode();
+                    if ( img && img.tagName == "IMG" ) {
+                        //点击切换图片边框
+                        img.style.border = img.style.borderWidth == "5px"?"1px":"5px solid red";
+                    }
+                }
+            }
+        };
+        //注册一个触发命令的事件，同学们可以在任意地放绑定触发此命令的事件
+        me.addListener( 'click', function () {
+            setTimeout(function(){
+                me.execCommand( "addborder" );
+            })
+
+        } );
+    };
+    var editor_a = UE.getEditor('myEditor' );
+</script>
+
+</body>
+
+
+</html>