2 lr393993507 lr393993507 于 2013.08.01 20:57 提问

easyui+ckeditor怎么把easyui从数据库提取得数据在ckeditor里显示
 <%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>新闻信息管理</title>
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css">
<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
    var url;

    function deleteNews(){
        var selectedRows=$("#dg").datagrid('getSelections');
        if(selectedRows.length==0){
            $.messager.alert("系统提示","请选择要删除的数据!");
            return;
        }
        var strIds=[];
        for(var i=0;i<selectedRows.length;i++){
            strIds.push(selectedRows[i].newsId);
        }
        var ids=strIds.join(",");
        $.messager.confirm("系统提示","您确认要删掉这<font color=red>"+selectedRows.length+"</font>条数据吗?",function(r){
            if(r){
                $.post("newsDelete",{delIds:ids},function(result){
                    if(result.success){
                        $.messager.alert("系统提示","您已成功删除<font color=red>"+result.delNums+"</font>条数据!");
                        $("#dg").datagrid("reload");
                    }else{
                        $.messager.alert('系统提示',result.errorMsg);
                    }
                },"json");
            }
        });
    }

    function searchNews(){

        $('#dg').datagrid('load',{
            newsTitle:$('#s_newsTitle').val(),
            newsContent:$('#s_newsContent').val(),
            newsAuthor:$('#s_newsAuthor').val(),
            newsTime:$('#s_newsTime').datebox("getValue"),
            newsSources:$('#s_newsSources').val()
        });
        $("#s_newsTime").datebox("setValue","");
    }


    function openNewsAddDialog(){
        $("#dlg").dialog("open").dialog("setTitle","添加新闻信息");
        url="newsSave";
    }

    function saveNews(){
        $("#fm").form("submit",{
            url:url,
            success:function(result){
                if(result.errorMsg){
                    $.messager.alert("系统提示",result.errorMsg);
                    return;
                }else{
                    $.messager.alert("系统提示","保存成功");
                    resetValue();
                    $("#dlg").dialog("close");
                    $("#dg").datagrid("reload");
                }
            }
        });
    }

    function resetValue(){
        $("#newsTitle").val("");
        $("#newsContent").val("");
        $("#newsAuthor").val("");
        $("#newsTime").datebox("setValue","");
        $("#newSources").val("");
    }

    function closeNewsDialog(){
        $("#dlg").dialog("close");
        resetValue();
    }

    function openNewsModifyDialog(){
        var selectedRows=$("#dg").datagrid('getSelections');
        if(selectedRows.length!=1){
            $.messager.alert("系统提示","请选择一条要编辑的数据!");
            return;
        }
        var row=selectedRows[0];
        $("#dlg").dialog("open").dialog("setTitle","编辑新闻信息");
        $("#fm").form("load",row);
        url="newsSave?newsId="+row.newsId;
    }
</script>
</head>
<body style="margin: 5px;">
    <table id="dg" title="新闻信息" class="easyui-datagrid" fitColumns="true"
     pagination="true" rownumbers="true" url="newsList" fit="true" toolbar="#tb">
        <thead>
            <tr>
                <th field="cb" checkbox="true"></th>
                <th field="newsId" width="20" align="center">编号</th>
                <th field="newsTitle" width="100" align="center">新闻标题</th>
                <th field="newsContent" width="300" align="center">新闻内容</th>
                <th field="newsAuthor" width="50" align="center">新闻作者</th>
                <th field="newsTime" width="50" align="center">新闻发布时间</th>
                <th field="newsSources" width="50" align="center">新闻来源</th>
            </tr>
        </thead>
    </table>

    <div id="tb">
        <div>
            <a href="javascript:openNewsAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a>
            <a href="javascript:openNewsModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a>
            <a href="javascript:deleteNews()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a>
        </div>
        <div>&nbsp;新闻标题:&nbsp;<input type="text" name="s_newsTitle" id="s_newsTitle" size="10"/>
        &nbsp;新闻内容:&nbsp;<input type="text" name="s_newsContent" id="s_newsContent" size="10"/>
        &nbsp;新闻作者:&nbsp;<input type="text" name="s_newsAuthor" id="s_newsAuthor" size="10"/>
        &nbsp;新闻时间:&nbsp;<input class="easyui-datebox" name="s_newsTime" id="s_newsTime" editable="false" size="10"/>
        &nbsp;新闻来源:&nbsp;<input type="text" name="s_newsSources" id="s_newsSources" size="10"/>

        <a href="javascript:searchNews()" class="easyui-linkbutton" iconCls="icon-search" plain="true">搜索</a></div>
    </div>

    <div id="dlg" class="easyui-dialog" style="width: 1050px;height: 500px;padding: 20px 20px"
        closed="true" buttons="#dlg-buttons">
        <form id="fm" method="post">
            <table cellspacing="5px;">
                <tr>
                    <td>新闻标题:</td>
                    <td><input type="text" name="newsTitle" id="newsTitle" class="easyui-validatebox" required="true" size="60"/></td>
                    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                    <td>新闻来源:</td>
                    <td><input type="text" name="newsSources" id="newsSources" class="easyui-validatebox" required="true" size="60"/></td>
                    <td></td>
                </tr>
                <tr>
                    <td>新闻作者:</td>
                    <td><input type="text" name="newsAuthor" id="newsAuthor" class="easyui-validatebox" required="true" size="60"/></td>
                    <td></td>
                    <td>新闻时间:</td>
                    <td><input class="easyui-datebox" name="newsTime" id="newsTime" required="true" editable="false" size="60" /></td>
                </tr>
                <tr>
                    <td>新闻内容:</td>
                    <td colspan="4"><textarea class="ckeditor" rows="7" cols="50" name="newsContent" id="newsContent"></textarea></td>
                    <td></td>
                </tr>
            </table>
        </form>
    </div>

    <div id="dlg-buttons">
        <a href="javascript:saveNews()" class="easyui-linkbutton" iconCls="icon-ok">保存</a>
        <a href="javascript:closeNewsDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a>
    </div>
</body>
</html>

我要用ckeditor对数据库里的内容进行编辑!求各位大神给方法 或者思路,我用的是jsp+servlet

2个回答

xiangshiming1992
xiangshiming1992   2015.02.27 14:18

风格的广泛的

qq_17786039
qq_17786039   2015.04.14 09:59

通过绑定数据来得到,easyui本来有个field的属性,在加载的时候会自动加载,所以你需要把field的属性加到源码中

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
ckeditor 超链接编辑中显示高级设置tab
在ckeditor中,如果需要显示超链接的高级设置,只需要在config.js里面的配置中去掉: 在条件 if (dialogName == 'link') 中去掉代码: dialogDefinition.removeContents('advanced'); 如果隐藏则保留这段代码
ckeditor 从数据库读取展示到前台 依然展示为源码的问题
页面建议用js获取然后给div或者其它标签 设置  $("#div").html(获取的值)
jquery ui的对话框dialog和ckeditor的冲突问题
近日,某项目使用jquery ui的对话框dialog,在弹出的这个对话框中加ckeditor编辑器(结合了ckfinder),发现冲突————当对话框dialog的modal: true的时候,ckeditor编辑器的所有编辑框全都无法获得焦点,不能编辑了。 改变为modal:false , 解决了冲突,可以编辑了。 但是如果不想改变modal这个参数的值,怎么办呢?又多方尝试,
CKeditor里的内容保存到sql中有HTML标签的解决
首先CKeditor里的内容会自动给文本添加等HTML标签,保存到数据库。                        但是当用struts2自定义的标签时,在页面显示时会有HTML标签。                        解决的办法就是将替换使用EL表达式${XXX}或者OGNL表达式            这是因为struts2标签不能解析HTML
表单提交ckeditor并获取其值
一般在后台获取ckeditor的内容只需要前台提交表单到后台,使用request["ck_name"]就能获取到,ck_name为ckeditor的name属性值;但是在Jquery中使用ajax的serialize()方法提交表单到一般处理页面,ckeditor作为表单内容一块提交;但是在后台获取不到ckeditor的内容;经查资料需要在psot提交前需要做以下操作:         $(
JAVA_WEB项目(结合Servlet+jsp+ckEditor编辑器+jquery easyui技术)实现新闻发布管理系统第一篇:前期环境准备
新闻发布管理系统是大三第二学期做的课程设计,sui
JSP页面使用富文本控件ckeditor提交表单数据
ckeditor环境搭建 ,请参考  JSP中使用CKEditor3.6入门教程  JSP页面使用富文本控件ckeditor提交表单数据 JSP页面使用富文本控件ckeditor自定义样式 JSP使用ckeditor和ckfinder实现富文本及上传功能  表
读取CKEditor的值(包括纯文本)
1、获取CKEditor被选中的内容 var mySelection = CKEDITOR.instances.ckStem.getSelection();         if (CKEDITOR.env.ie) {             mySelection.unlock(true);             data = mySelection.getNative().creat
EasyUI动态显示后台数据库中的数据
最近在完成一个项目,采用SSM框架搭建完成,前端使用EasyUI搭建页面; 其中涉及到一个查询显示功能;查询数据库中的数据,动态显示在页面之中,刚开始这部分十分有疑问,所以虚心向同学学习,现总结至博客当中,以待继续深入学习。 首先,需要根据EasyUI搭建一个前端页面; 代码实现: &amp;lt;body&amp;gt; &amp;lt;div id=&quot;p&quot; class=&quot;easyui-pa...
EasyUI从数据库获取数据填充下拉框
EasyUI从数据库获取数据填充下拉框 这里引用一个简单的小DEMO来演示一下 JSP页面 在JSP页面中,添加一个input标签,给标签加上如下属性type:text id : name: class:这里一定要写easyui-combobox data-options=” eaitable(是否可以编辑),valueField:,textField:,url:(请求后台的地址),pro