wangeditor中怎么获取文本内容

wangeditor中怎么获取文本内容,第1张

可以通过类向导给编辑框控件添加一个变量,例如添加个cstring 类型的变量s,然后在输入后,可以updatedata()下,这样编辑框的内容便以字符串的形式存入s里面,便可以使用了。

编辑器内容的提交:

因为编辑器是在div里面,而div又没有value这个属性。用js,把内容同步到input框中,这样就可以愉快的提交了。

界面为:

界面代码

<img src="@ViewData["html"]" />

作为测试代码,我就在界面上面写了一个image框,用来显示从MongoDB数据库中读取出来的。

HomeController代码

public ActionResult Index() { ViewData["html"] = "/MongodbHelp/ProcessRequestactions=DOWNLOAD&value=lfpng"; return View(); }

后面的代码组成相信凡是接触过MVC的读者都能看懂这个东西,后面我就直接写死了一个的名称。

MongodbHelpController

连接数据库的方法

private static MongoDatabase DB; public static string fileTable = "fs";//数据库中的表名称 //Sets up the environment public void Init() {

//我们可以在配置文件中读取 string ConnectionString = "127001"; //ConfigurationManagerAppSettings["mondoDbConnection"]; if (StringIsNullOrEmpty(ConnectionString)) { throw new ArgumentNullException("Connection string not found"); } MongoServerSettings mongoSetting = new MongoServerSettings(); mongoSettingMaxConnectionPoolSize = 15000;//设定最大连接池 mongoSettingWaitQueueSize = 500;//设定等待队列数 mongoSettingServer = new MongoServerAddress(ConnectionString, 27017); int count = MongoServerMaxServerCount; MongoServer server = MongoServerCreate(mongoSetting);//创建连接数据文件 DB = serverGetDatabase("local");//创建数据库连接 }

用来判断我们进行的方法是哪一个,上传文件还是下载文件,在这只给大家介绍下载的方法;

public void ProcessRequest() { Init();//initialize the mongo string action = RequestQueryString["actions"]; switch (action) { case "LIST": GetFileList(); break; //获取文件列表 case "UPLOAD": Upload(); break; //上传文件 case "DELETE": Delete(); break;//删除文件 case "DOWNLOAD": DownFile(); break; //下载文件 } }

下载文件的类

//下载文件 public void DownFile() { string filename = RequestQueryString["value"]; ResponseContentType = "application/octet-stream"; //contextResponseContentType = "audio/mpeg"; ResponseAddHeader("Content-Disposition", "attachment; filename=" + filename); MongoGridFSSettings fsSetting = new MongoGridFSSettings() { Root = fileTable }; MongoGridFS fs = new MongoGridFS(DB, fsSetting); MongoGridFSFileInfo gfInfo = new MongoGridFSFileInfo(fs, filename); //方法一,很简洁 fsDownload(ResponseOutputStream, filename); ResponseEnd(); }

通过这几段代码,我们就轻松的完成MongoDB数据的文件读取 *** 作。

看你用的那一款编辑器了编辑器的文档里都有这些示例的

通常就是取对应控件的html()或者val()

一般都是编辑器 id='xxx' runat='server'后台用xxxvalue取。

副文本框的内容可以看做是字符串(包含标签)。

方式1:php接收到的值直接插入数据库即可,在页面上获取数据时浏览器自动翻译html标签和css样式的,不用做什么处理。

方式2:如果只想保存内容不保存标签和样式可以用php函数 strip_tags() 过滤字符串中的 HTML 标签, 然后再插入数据库,这样数据存放的少,不带样式。但是你用到副文本框的意义就没有了。

你的意思不是很明白 ,欢迎追问

跟一般的表单一样,只是这个表单是textarea,如:

<textarea name='richtext'> </textarea>,在post里面使用$_POST['richtext']取到,然后可以过滤,也可以考虑用js获取后过滤

方法/步骤

1第一步需要引入UEditor的源文件,和jquery文件,来对编辑器进行支持。如果看到图二的效果则说明部署成功咯,接下来我们就可以根据自己的实际需求来进行场地参数。

2第二步获取编辑器的输入的文本内容,然后对获取的值传递给后台处理,也可通过from表单进行 *** 作。

3配置文件上传,上传、截图上传路径(以jsp为例)

首先配置ueditorconfigjs来初始化ueditor的安装路径,projectName代表项目路径URL则表示,配置后的ueditor的所在路径(可自定义),详细配置可看所示

4配置好路径后我们就可以调用了,接下来需要配置上传文件的路径了(jsp/configjson)里,需要配置的有imageUrlPrefix访问

的路径前缀,imagePathFormat/scrawlPathFormat

等PathFormat路径用来表示上传的文件路径(注意:windows 和linux的路径不同方式)

5在项目中添加ueditor说需要的jar包文件,然后启动项目。

6项目启动完成后,进入页面,我们可以来试试效果,大家可以任意复制,上传文件等来实验下我们的配置结果。出现如下结果则说明我们配置成功了,简单吧。

以上就是关于wangeditor中怎么获取文本内容全部的内容,包括:wangeditor中怎么获取文本内容、如何读取富文本中的内容然后存到mongodb中、vb获取编辑器的富文本框内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/10127453.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-05
下一篇2023-05-05

发表评论

登录后才能评论

评论列表(0条)

    保存