榆树:如何在Chrome中的可信任div中添加br标签?

时间:2017-11-01 08:23:37

标签: html contenteditable elm onkeypress

div中按下回车键时,Chrome似乎会添加contenteditable。我希望永远使用br。关于SO(以及互联网)上有很多js例子,但我对榆树不熟悉,并且没有关于如何做到这一点的大量信息。

我在github上遇到过这段代码:

onKeyPress : (Int -> msg) -> Attribute msg
onKeyPress tagger =
    on "keypress" (Decode.map tagger keyCode)

但我不知道如何使用该功能。我的观点看起来像这样:

view : Model -> Html Message
view model = div [ contentEditable True, onKeyPress SomeMessage] []

消息类型如下所示:

type Message
= None
| SomeMessage Int

更新类似于:

update : Message -> Model -> ( Model, Cmd Message )
update message model =
    case message of
        SomeMessage (Ok isThisTheKeyCode) ->
            ( model, Cmd.none )

        SomeMessage (Err err) ->
            ( model, Cmd.none )

有一些输入字段的例子,但我认为它们是不同的。

任何建议或指出我正确的方向或填补空白将不胜感激。谢谢

更新:要清楚,我可以看到这是如何通过JavaScript完成的。我要求为榆树实施提供帮助或指导。谢谢

更新2:我认为我正朝着正确的方向前进。我的实现实际上有一个div与其中的另一个contentEditable。内部div是我试图更新的内容。

div [ contentEditable True][
  div [contentEditable True]
  []
]

我删除了内部内容,因此现在看起来像

div [ contentEditable True][
  div [] []
]

仍在尝试弄清楚如何在Chrome中br取代div

1 个答案:

答案 0 :(得分:0)

您可以按by referring this更改默认段落分隔符。但是,您可以通过Shift + Enter组合实现目标。