Asp.net MVC 3 -在单个页面上实现moowmd多个编辑器时遇到问题

想要使用这个编辑器:http://moowmd.awardspace.info/moowmd-tutorial.html

只有文本区，不显示按钮栏&预览

我的代码:

<script type="text/javascript">
function loaded()
{
var WConfig=[
{
    input: 'some-id',
    postfix: 'XXX'
}

);window.addEvent (domready,函数(){窗口。MyWMD = new mooWMD.WMD (window.WConfig);window.MyWMD.start ();}}

……

@ model。CommentText

MooWMD编辑器有几个依赖项:

MooTools库/gh>
moowmd.js
wmd.css

确保你已经将所有这些依赖项包含到你的项目中。

这里有一个完整的工作示例(下载moowmd包并将其内容放入您的站点的moowmd文件夹中):

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/moowmd/wmd.css")" rel="stylesheet" type="text/css" />
    <style> 
    textarea {
        width: 500px;
        height: 200px;
    }
    .wmd-panel {
        width: 300px;
        background-color: white;
    }
    ul {
        list-style: none;
    }
    </style> 
</head>
<body>
    <div id="wmd-editor-uno" class="wmd-panel"> 
        <div id="wmd-button-bar-uno" class="wmd-button-bar"></div> 
        <textarea name="id-uno" id="id-uno"></textarea> 
    </div> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/moowmd/moowmd.js")"></script>
    <script type="text/javascript">
    var WConfig = [
        {
            input: 'id-uno',
            postfix: '-uno'
        }
    ];
    window.addEvent('domready', function () {
        window.MyWMD = new mooWMD.WMD(window.WConfig);
        window.MyWMD.start();
    });
    </script>
</body>
</html>

相关内容

最新更新

热门标签：