javascript - 如何从html段落中获取文本？

Question

我正在开发 SAPUI5 并在其中使用纯 html 来添加更多功能。问题是我无法从 <p> 获取数据元素。我收到未定义的错误。我的目标是使用<p>与 contenteditable这样我就可以直接编辑其中的数据，同时添加格式。

这是我尝试将一个示例放在一起的尝试。

XML View

<mvc:View
xmlns="sap.m"
xmlns:mvc="sap.ui.core.mvc"
xmlns:core="sap.ui.core"
height="100%"
xmlns:html="http://www.w3.org/1999/xhtml"
controllerName="sap.m.sample.Button.Page">

<Page class="sapUiContentPadding" >
    <content>
        <HBox>
            <Button type="Accept"
                    text="Accept"
                    press="onPress"
                    ariaDescribedBy="acceptButtonDescription genericButtonDescription">
                <layoutData>
                    <FlexItemData growFactor="1" />
                </layoutData>
            </Button>
        </HBox>
    </content>
    <FlexBox direction="Column" alignItems="Center">
        <html:div id="divcontainer">
            <html:p id="divcontent" contenteditable="true">something something</html:p>
        </html:div>
        <html:label id="mylabel">something label here</html:label>
        <html:p id="input" contenteditable="true">
                To break lines in a text,use the <html:br></html:br>  
            <html:i>element</html:i>
        </html:p>
    </FlexBox>
</Page>
</mvc:View>

这是我的 Controller ，我尝试在其中获取数据。

sap.ui.define(['sap/m/MessageToast','sap/ui/core/mvc/Controller'],
function(MessageToast, Controller) {
"use strict";

var PageController = Controller.extend("sap.m.sample.Button.Page", {

    onPress: function (evt) {

        var div = this.getView().byId("divcontainer");

        var inputText = document.getElementById("input").innerHtml;
        //var x = inputText.textContent ? inputText.textContent : inputText.innerText;

        //var text = inputText.innerHTML();
        console.log(input);
        console.log(div);
    }
});

return PageController;

 });

Answer 1

首先，我不太喜欢这里的input id，但这只是我的意见。

this.byId() 位于当前 View 内 this.getView().byId() 对于其他 View 中的某些元素很有用。

如果您将代码更改为此，我相信根据我对此的有限了解，它会起作用:

var inputText = this.byId("input").innerHTML; 错误:(

var inputText = this.byId("input").content();

this.byId("input").setContent("<p>" + inputText + "</p>");// now wrapped in a paragraph

请注意此处有关 XSS 的未经净化的 HTML。

而且这可能会更好

this.getView().byId("input").setDOMContent(somedomcontent);