react中引入jsmind，编辑的时候，input框内是空白的，回车确认之后，才会展示出来

[Ken199416]

如图所示，
配置如下：
let options = {
container: "jsmind_container",// [必选] 容器的ID，或者为容器的对
editable: true,//是否启用编辑
theme: "greensea",//主题
mode: "side",//显示模式，full主要用于编辑，side主要用于展示
view: {
line_width: 2, // 思维导图线条的粗细
line_color: "#ccc", // 思维导图线条的颜色
draggable: true,
hide_scrollbars_when_draggable: true,
node_overflow: 'wrap',
zoom: { // 配置缩放
min: 0.5, // 最小的缩放比例
max: 2.5, // 最大的缩放比例
step: 0.2, // 缩放比例间隔
},
},
// mode: 'side',// 显示模式，子节点只分布在根节点右侧
shortcut: {
enable: true, // 是否启用快捷键
handles: {}, // 命名的快捷键事件处理器
mapping: { // 快捷键映射
addchild: [45, 4096 + 13, 9], // , +
addbrother: 13, //
editnode: 113, //
delnode: 46, //
toggle: 32, //
left: 37, //
up: 38, //
right: 39, //
down: 40, //
}
},
};

[hizzgdev]

你好，你在 https://jsmind.online 上能复现这个问题吗？另外你用的浏览器是 chrome 还是其它的？如果方便的话，你可以在这个页面上 jsmind_container 之外添加一个 <input type="text"> 看看输入内容时会不会有同样的问题。 @Ken199416

[Ken199416]

感谢大佬回复是的，加了一个input也是有这个问题，应该是样式有冲突，在ccs中jmnode.selected的样式的color也是白色的，也就是说在编辑是，字体的颜色是白色，input的输入框的背景也是白色，所以看样子像是不展示，我现在把jmnode.selected的color覆盖成了黑色，目前是可以了展示出来了

[hizzgdev]

我感觉有问题的样式应该是 input。虽然把 jmnode.selected 的color改成黑色能解决问题，但是页面上其它的input里的内容应该还是显示不出来吧。不过如果你这个页面只有在 jsmind 里用到 input 的话，这样修改也没问题。 👍