springmvc后台如何接收ckeditor富文本编辑器编辑的内容

1把ckeditor的文本区,改成文章类的body,后台用mvc的属性自动封装来接收,接收一个article类就行了

2吧文本区当string来接收

数据库中如何存储呢?

使用hibernate自动生成表的时候,body类型是vchar,但是不合理,一般就用text,不用blob的原因是中文乱码还要单独处理,麻烦

比如随便输入一些东西,如下图效果,存储到数据库为折叠代码区的内容

<h1>这是h1</h1>

<h2>这是h2</h2>

<h3>这是h3</h3>
<span style="color:#e74c3c;">这是红色</span><br />
<strong>这是加粗</strong><br />
<em>这是倾斜<br />
<img alt="wink" height="23" src="http://localhost:8084/kaihu/ckeditor/plugins/smiley/images/wink_smile.png" title="wink" width="23" /></em>

<table border="1" cellpadding="1" cellspacing="1" style="width:500px;">
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>2</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>2</td>
        </tr>
    </tbody>
</table>

文本区样例

显示的时候直接把相关内容取出来放在页面就行了,至于格式什么的,那是浏览器和html控制字的问题了.

原文地址:https://www.cnblogs.com/jnhs/p/10199161.html

时间: 2024-08-30 00:56:59

springmvc后台如何接收ckeditor富文本编辑器编辑的内容的相关文章

搭建自己的博客(十三):为博客后台添加ckeditor富文本编辑器

使用django默认的编辑器感觉功能太少了,所以集成一下富文本编辑器. 1.安装和使用 (1).安装 pip install django-ckeditor (2).注册应用 在django的settings中添加‘ckeditor’的app (3).配置models 将需要用到富文本编辑器的字段改成RichTextField 上面三步配置过后是不能上传图片的,下面配置上传图片的功能. (4).安装pillow库 pip install pillow (5).注册应用 添加'ckeditor_u

BBS第四天之文章详情,点赞点踩,根子评论,后台展示,文章添加(富文本编辑器)

一.文章详情 路由url.py: url(r'^(?P<username>\w+)/article/(?P<pk>\d+)$', views.article_detail), 点击个人站点文章title即可关联到文章详情路由找到其视图函数 views.py: def article_detail(request,username,pk): user = models.UserInfo.objects.filter(username=username).first() if not

【解决方案】使用百度富文本编辑器,编辑显示不了内容

我做了一个文章管理的系统,使用到了百度的富文本编辑,因为简单易用,所以我直接把编辑器的demo使用iframe的方式加载到页面中,如下图 源码: <div id="fContent" name="fContent"> <iframe src="~/Content/Scripts/ueditor1_4_3_3/demo.html" style="width:100%;height:450px;" id=&quo

PHP ckeditor富文本编辑器 结合ckfinder实现图片上传功能

一:前端页面代码 <script src="/www/res/ckeditor/ckeditor.js"></script> <textarea id="articlecontent" ><?php echo $request['content']; ?></textarea> <script type="text/javascript"> $('#articleconten

Extjs整合CKEditor富文本编辑器插件

CKEditor插件官方下载地址: http://ckeditor.com/download/releases 我使用的版本是 ExtJS5.1.0  CKEditor4.4.8 参考文章: http://www.2cto.com/kf/201401/270462.html http://www.tuicool.com/articles/6f2mMj http://blog.csdn.net/com185272358/article/details/24814109 http://witmax.

富文本编辑器 CKeditor 配置使用 (带附件)

Ckeditor下载地址:http://ckeditor.com/download 1.CKeditor的基本配置 var textval=CKEDITOR.instances.TextArea1.getData(); //获取带HTML的值 var stemTxt=CKEDITOR.instances.TextArea1.document.getBody().getText();//获取纯文本 CKEDITOR.instances.TextArea1.setData(data.content)

BBS(仿博客园系统)项目05(后台管理功能实现:文章添加、富文本编辑器使用、xss攻击、BeautifulSoup4模块、富文本编辑器上传图片、修改头像)

摘要 布局框架搭建 随笔添加 后台管理富文本编辑器KindEditor xss攻击 文章简介的截取,BeautifulSoup4模块 富文本编辑器上传图片 头像修改 一.后台管理框架布局搭建 后台管理布局框架分析:导航条.左侧功能区.右侧主要功能显示和实现区 实现: 导航条:使用bootstrap模板:JavaScript>>导航条 左侧:使用bootstrap模板:组件>>列表组 右侧:使用bootstrap模板:JavaScript>>标签页 新建后台管理路由(注意

富文本编辑器CKEditor的使用

由于最近在架构一个pc端b/s结构的项目,项目中有个论坛模块,当用户发帖时,需要用到富文本编辑器,考虑了一下,决定使用CKEditor富文本编辑器,虽然现在问世的富文本编辑器很丰富,比如还有百度的UEditor等等,但是我选择使用CKEditor的原因是它能快速引入到我的项目中去.马上附上详细步骤: (1).工具准备,下载CKEditor:http://ckeditor.com/download(我的项目下载使用的是标准版本:ckeditor_4.7.1_standard)(2).部署到自己项目

富文本编辑器和fastdfs的使用

宜立方商城的系统架构a) 功能介绍(项目架构,有哪些功能模块,这些功能模块如何实现?)b) 架构讲解工程搭建-后台工程c) 使用maven搭建工程(后台工程如何搭建?)d) 使用maven的tomcat插件启动工程SSM框架整合. 服务中间件dubbo,使用dubbo实现soa架构.项目改造为基于SOA架构(什么是SOA架构,有什么好处,如何使用),面向服务的架构 图片上传功能分析,图片服务器,如何保存图片,如何访问图片?nginx的安装:反向代理服务器.Nginx配置虚拟机,Nginx实现反向