Medium.js编辑器

时间:2015-01-23 10:28:09

标签: javascript jquery html css

我使用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元素。

0 个答案:

没有答案