TinyMCE - 在底部插入内容

Question

我知道我们可以通过这种方式将代码插入到顶部.

ed.selection.setCursorLocation(ed.getBody().firstChild,0);

但是,我不确定如何在底部的内容中实现这一点.

Answer 1

您可以使用以下DOMUtils.add()方法向文档正文添加新的 HTML 元素。

例如，下面添加了一个 CSS 类为“text_it”的空段落

ed.dom.add(ed.getBody(), 'p', {'class' : 'text_it'});

Answer 2

另一种方法：

function getTextNodes(node, nodeType, result){

    var children = node.childNodes;
    var nodeType = nodeType ? nodeType : 3;

    var result = !result ? [] : result;
    if (node.nodeType == nodeType) {
        result.push(node);
    }

    for (var i=0; i<children.length; i++) {
        result = this.getTextNodes(children[i], nodeType, result)
    }

    return result;
};

// get all Textnodes from lastchild, calc length
var textnodes = getTextNodes(ed.getBody().lastChild);

// set Cursor to last position
ed.selection.setCursorLocation(textnodes[textnodes.length-1], textnodes[textnodes.length-1].textContent.length );