CKEditor编辑器使用

1,将资源包放到vs上

api 地址 http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html

<head>
    <meta name="viewport" content="width=device-width" />
    <title>CKEditorDemo</title>
    <script src="../Scripts/jquery-1.10.2.min.js"></script>

<!--这个是资源包ckeditor.js-->
    <script src="../Scripts/ckeditor/ckeditor.js"></script>
</head>

 

 

 

2,写html代码

<body>

   <div><!--你提交的地址-->
            <form action="/Home/FiromList" method="post">

             <!--textarea是编辑区域不能不写-->
                <textarea cols="100" id="editor1" name="name" rows="10"></textarea>
                <script type="text/javascript">
                    //<![CDATA[
                    // Replace the <textarea id="editor1"> with an CKEditor instance.
                    var editor = CKEDITOR.replace('editor1');
                    //]]>
                </script>
                <input type="submit" value="提交" />
            </form>
        </div>

</body>

 

 

 

3,iis默认监测危险字符,我们关闭它

以mvc为例

//在你的控制器上方写上此代码

    [ValidateInput(false)]
        public ActionResult FiromList(string name)
        {

           //把输入的内容返回看一下
            Response.Write(name);
            return View();
        }

<!--在配置文件中的web节点配置-->

<system.web>
    <authentication mode="None" />
    <compilation debug="true" targetFramework="4.5" />
    <!--关闭危险字符检测-->
    <httpRuntime  requestValidationMode="2.0" />
  </system.web>

 

如果此配置不成功,请参见错误黄页中的链接地址

群号为460845632

 

你可能感兴趣的:(CKEditor编辑器使用)