在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