我使用Medium.js(http://jakiestfu.github.io/Medium.js/docs/)来处理有争议的人。
我的问题如下:
在满足的情况下,我有一些包含图形的媒体元素(视频,图像,地图)。这些元素位于contenteditable的左侧。当我想在媒体元素的右侧写一些内容时,没有段落 - 并且没有创建段落。所以我不能写在那里。
这是我的代码:
<div id="itemBlocks" contenteditable="true">
<figure class="mediaElement" contenteditable="false">
</figure>
</div>
编辑:
new Medium({
element: document.getElementById('itemBlocks'),
modifier: 'auto',
placeholder: "Your text",
autofocus: true,
autoHR: true,
mode: MediumEditor.richMode,
maxLength: -1,
modifiers: {
'b': 'bold',
'i': 'italicize',
'u': 'underline',
'v': 'paste'
},
tags: {
'break': 'br',
'paragraph': 'p',
'outerLevel': ['pre', 'blockquote', 'figure', 'div'],
'innerLevel': ['a', 'b', 'u', 'i', 'img', 'strong', 'div', 'button']
},
cssClasses: {
editor: 'Medium',
pasteHook: 'Medium-paste-hook',
placeholder: 'Medium-placeholder',
clear: 'Medium-clear'
},
attributes: {
remove: [],
},
pasteAsText: true,
});
感谢您的帮助:)
编辑:
我创建了一个jsfiddle:
http://jsfiddle.net/wm4dn947/10/
在这种情况下,我只需在图元素下设置一个p元素。但问题仍然存在,这个数字被破坏,而且Medium.js没有自动创建一个新的p元素。