zoukankan      html  css  js  c++  java
  • div 光标处插入内容

    var Manager = {
    insertHtml: function(html, type) {

    var lastMemo = document.getElementById("memo"),
    lastEditor = document.getElementById("reditor");

    type = type || 'memo';

    var control = type == 'memo' ? lastMemo : lastEditor;

    if(!control) return;

    control.focus();

    var selection = window.getSelection ? window.getSelection() : document.selection,

    range = selection.createRange ? selection.createRange() : selection.getRangeAt(0);

    //判断浏览器是ie,但不是ie9以上
    var browser = checkBrowser().split(":");
    var IEbrowser = checkBrowser().split(":")[0];
    var IEverson = Number(checkBrowser().split(":")[1]);

    if(IEbrowser == "IE" && IEverson < 9) {

    range.pasteHTML(html);

    } else {

    var node = document.createElement('span');

    node.innerHTML = html;

    range.insertNode(node);

    selection.addRange(range);

    }

    },

    insertImg: function() {
    var img = "<img src='http://www.baidu.com/img/bdlogo.gif'/>";
    this.insertHtml(img, 'editor');
    }

    }

    function checkBrowser() {
    var browserName = navigator.userAgent.toLowerCase();
    //var ua = navigator.userAgent.toLowerCase();
    var Sys = {};
    var rtn = false;

    if(/msie/i.test(browserName) && !/opera/.test(browserName)) {
    strBrowser = "IE: " + browserName.match(/msie ([d.]+)/)[1];
    rtn = true;
    //return true;
    } else if(/firefox/i.test(browserName)) {
    strBrowser = "Firefox: " + browserName.match(/firefox/([d.]+)/)[1];;
    //return false;
    } else if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)) {
    strBrowser = "Chrome: " + browserName.match(/chrome/([d.]+)/)[1];
    //return false;
    } else if(/opera/i.test(browserName)) {
    strBrowser = "Opera: " + browserName.match(/opera.([d.]+)/)[1];
    //return false;
    } else if(/webkit/i.test(browserName) && !(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName))) {
    strBrowser = "Safari: ";
    //return false;
    } else {
    strBrowser = "unKnow,未知浏览器 ";
    //return false;
    }
    strBrowser = strBrowser;
    //alert(strBrowser)
    return strBrowser;
    }

    、、、、、、、

    memo 不用

    reditor div --id;

    Manager.insertImg();//调用

  • 相关阅读:
    修改element ui 默认样式最好的解释
    python全栈开发day92-day96 Vue总结
    跨域资源共享 CORS 详解(转自阮一峰博客)
    Vue axios 返回数据绑定到vue对象问题
    Vue爬坑之路
    input标签checkbox选中触发事件的方法
    python中super的理解(转)
    Django时区的解释
    django 视图函数返回queryset对象或日期对象至浏览器ajax接收的写法
    python全栈开发day87~91-整个流程梳理、CRM功能、知识点梳理
  • 原文地址:https://www.cnblogs.com/lgjc/p/7307628.html
Copyright © 2011-2022 走看看