首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

vue集成百度UEditor富文本编辑器

1、使用vue-cli构建一个vue项目。然后下载UEditor源码。地址:http://ueditor.baidu.com/website/ 把项目复制到vue项目的static文件下。目的是让服务可以访问到里面的文件,打开UEditor目录文件。这里下载的是jsp版本的。文件名字没有更改过。打开里面的ueditor.config.js文件找到serverUrl把这行代码注释了。这个代码是用来上传图片的后台地址。如果不注释了会请求报错。编辑器跑起来再做服务配置修改地址。 2、在.vue文件中引入主要js文件 import ‘../../static/utf8-jsp/ueditor.config’ import ‘../../static/utf8-jsp/ueditor.all’; import ‘../../static/utf8-jsp/lang/zh-cn/zh-cn’; 3、在data中申明一个变量存储UEditor的实例方便在vue的其他地方使用,然后申明一个变量存储手动获取的编辑器里面的内容,再什么一个变量存储初始化时要写入编辑器的内容。三个变量。如果操作得当。可以减少变量的时候。这是笨办法 4、在vue的mounted钩子函数中调用编辑器的方法生成实例存储到刚刚申明的变量中,在实例中传入参数。第一个是id,id是生成编辑器的div的id。第二个参数是一个对象。对象内容是对编辑器的配置。如资源访问路径,toolbars内容配置。 5、在html部分写一个div标签

6、然后配置资源路径。在实例化的时候传入的参数里。第二个参数是一个对象。内容包括路径。 this.ue = UE.getEditor('editor',{ BaseUrl: '', UEDITOR_HOME_URL: 'static/utf8-jsp/', }); 这个UEDITOR_HOME_URL就是配置编辑器自己访问自己所需要的依赖的路径。设置到存放的文件下utf8-jsp是编辑器文件的更目录。目录不一样可自行更改 7、然后保存。就可以在界面上显示一个完整的富文本编辑器 8、如果要获取内容则使用在data里面申明的编辑器实例在vue中this.实例调用方法getContent()可以获取到内容 9如果要设置内容则调用:setContent('欢迎使用ueditor'); 更多方法参考官方文档。 10、文档内容属于个人踩坑的心得。如有错误。请留言指出。谢谢 11、需要注意的是资源路径容易搞错。使用相对路径即可 12、贴出代码

01

JSP入门教程(4)[通俗易懂]

大家好,又见面了,我是你们的朋友全栈君。使用 脚本 在有些地方,你大概要加一些好的,成熟的程序到你的JSP页里,JSP的 标签 虽然很强大,但是完成某些工作还是比较费力的困难的。这时你可以使用脚本 语言 段来补充JSP标签。 使用的JSP引擎是支持脚本语言的,SUN的JSP参考文说明,必须使用Java程序语言来编写脚本,但是其他第三方的JSP引擎允许使用其他语言来写脚本程。 如何增加脚本 首先,你必须了解一些增加脚本元素到JSP页中的一些基本规则 1、 在JSP页面里用Page指令定义脚本(默认值是Java,一般不需要定义) 2、 声明 语法 <%!……%>声明变量和方法(函数)。 3、 表达式语法<%=……%>定义脚本语言表达式 4、 脚本语法〈%……%>可以操作声明、表达式和其他类型合法的 代码 段在页脚本语言。 5、 一定要在结尾加%>标签 声明、表达式、脚本使用起来有一些相似,但也有一些不同让我们用一些例子来讲述一下相同点和不同点吧。 声明<%!……%>包含了一个或多个变量和方法,结尾以分号分隔。 例:<%! Int I=0 ; %> <%! Int a, b ; double c ; %> <%! Circle a = new circle(2.0) ; %> 在页面中使用变量和方法之前必须声明 声明的范围通常是JSP页,但如果页面中使用INCLUDE指令包含其他页面,范围应变得扩展到被包含的页面。 表达式<%=……%>可以在页面中包含任何合法的语言表达式,不用分号。 例:<%= Math.sqrt(2) %> <%= item[I] %> <%= a+b+c %> <%= new java.util.date() %> 表达式和脚本的一个关键的不同点就是不需要分号。如果你需要在脚本中使用表达式就必须加分号。 脚本<%……%>允许你写的任何数量的脚本语言 例:<% String name=null ; If (request.getParmeter(“name”)==null{ %> 记住在脚本中必须使用分号结尾。 猜数字游戏 猜数字游戏非常的有趣,而且从这里你还可以学到很多表达式的用法。 代码 显示用的主屏幕(numguess.jsp) <!– Number Guess Game Written by Jason Hunter, CTO, K&A Software jasonh@kasoftware.com, http://www.servlets.com Copyright 1999, K&A Software Distributed by Sun Microsystems with permission –> <%@ page import = “num.NumberGuessBean” %>

01

java学习与应用(4.5)--Cookie、Session、JSP等

会话技术:Cookie(客户端),Session(服务端)。一次会话中包含多次请求和响应直到一端断开,在一次会话范围内多次请求间共享数据。 Cookie由服务器发送给客户端使用,供客户端多次使用。服务端:创建Cookie(Cookie对象的构造函数传入Cookie信息)、发送Cookie(response.addCookie方法传入参数),接收Cookie(getCookies)。 idea的Settings-->File and Code Templates-->Web-->Java code templates下可以修改Servlet Annoteated Class自动生成的代码以方便自定义自动生成。 服务器发送cookie保存在,响应头的set-cookie下的参数被客户端获取。当客户端再次请求数据时,请求头中的cookie字段添加了之前获取的cookie。 一次请求可以发送多个cookie键值对(多个Cookie对象通过addCookie方法添加),cookie默认在浏览器关闭时被销毁,可设置持久化存储到硬盘时间(Cookie的setMaxAge方法传入整数秒设定存活时间,0为删除,负数为默认方式) cookie在tomcat8之后支持中文数据(直接使用,但特殊字符仍需编码),在tomcat8之前需要编码(可以使用URLEncoder.encode方法decode解码)。cookie范围,默认情况下tomcat服务器多个项目的cookie不能共享(只能在当前虚拟目录下共享),可以使用setPath方法设置为/则可以共享。 不同的tomcat服务器直接的cookie也可以共享,使用setDomain(String path),设置一级域名,则可以在指定一级域名下共享。 浏览器下的cookie大小有限制(4kb,20个),用于存储少量,不太敏感的数据(不安全)。可以用于网页离线的信息设置和同步(不登录情况下的网页偏好设置)。

03
领券