人群模块2——细节设计
' + ''; try { document.execCommand("insertHTML", false, out); } catch (e) {} if (r.querySelectorAll(".embed-html").length === before) { r.insertAdjacentHTML("beforeend", out); } changed(); } function syncState() { if (!bar) { return; } ["bold", "italic", "underline", "strikeThrough", "justifyLeft", "justifyCenter", "justifyRight", "insertUnorderedList", "insertOrderedList"].forEach(function (c) { var b = bar.querySelector('[data-cmd="' + c + '"]'); if (!b) { return; } var on = false; try { on = document.queryCommandState(c); } catch (e) {} b.classList.toggle("on", !!on); }); } function place() { if (!bar) { return; } var editing = document.body.classList.contains("editing"); bar.hidden = !editing; } document.addEventListener("selectionchange", function () { if (!document.body.classList.contains("editing")) { return; } rememberSel(); syncState(); }); document.addEventListener("mouseup", function () { if (document.body.classList.contains("editing")) { rememberSel(); } }); window.__RTE = { attach: function (opts) { opts = opts || {}; onChange = opts.onChange || null; if (!bar) { build(); } root = opts.root || null; bar.hidden = false; syncState(); }, detach: function () { if (bar) { bar.hidden = true; } savedRange = null; }, insertImage: insertImage, embedHtml: insertEmbed, bar: function () { return bar; } }; })();