首页 > 其他分享 >网页编辑器学习之xheditor

网页编辑器学习之xheditor

时间:2023-04-30 20:04:23浏览次数:50  
标签:iteye 网页 com 编辑器 设置 http xheditor 上传


因为工作需要就学习了一下网页编辑器方面的知识,我总结了一下,比较流行的网页编辑器有CKeditor或者也可以叫做fckeditor,我也动手做了实际的案例发现可以跑起来,就是那个上传的文件管理感觉不太好,所以看了一下csdn的编辑器用的是xheditor所以就在网上找了一下相关的知识。

http://h5566h.iteye.com/blog/1163726

http://h5566h.iteye.com/blog/1067703

http://gary0416.iteye.com/blog/1112617

http://kfzhex007.iteye.com/blog/766479

 

1、自定义工具条{tools:'Cut,Copy,Paste,Pastetext,|,FontSize,Fontface,Bold,Italic,Underline,Strikethrough,FontColor,BackColor,|, Link,Unlink,|,Emot,Table,Img,|,SelectAll,Removeformat,|,Align,List,Outdent,Indent,Blocktag'}

2、让“上传”按钮出现在图片,flash,视频中设置一下upImgUrl等相关上传url即可,若要设置扩展名,可以在设置upImgExt,例如:upImgExt:'jpg,jpeg,gif,png'

3、设置上传路径和显示路径在上传的时候,如果是用一些php框架等,可能上传的时候能上传,但是再显示图片或视频的时候,因为路径问题,就会找不到已上传的资源,这是可以这样设置:设置一下根路径:urlBase:'url',其中url不能带有index.php等后缀的文件名。urlBase:'http://aaa.xxx.com';一般的uploads可能会在这个域名下,当然了,要是uploads在其它的路径下,那么要在这里写到uploads的上一级,例如在网站根目录的g/s文件夹下,就这样写了:urlBase:'http://aaa.xxx.com/g/s'可以顺便设置一下url类型,,urlType:'abs',有三个参数:abs(绝对),root(根路径),rel(相对路径)

 

settings:获取或者修改编辑器内部参数
internalScript:是否清除内部代码
inlineScript:是否清除内联代码
internalStyle:是否清除内部样式
inlineStyle:是否清除内联样式
forcePtag:强制使用P标签
upLinkUrl:超链接上传接口地址
upLinkExt:超链接本地上传扩展限制
upImgUrl:图片上传接口地址
upImgExt:图片本地上传扩展限制
upFlashUrl:动画上传接口地址
upFlashExt:动画本地上传扩展限制
upMediaUrl:视频上传接口地址
upMediaExt:视频本地上传扩展限制
beforeSetSource:在设置源代码到编辑器前调用此函数
beforeGetSource:从编辑器返回源代码前调用此函数
focus:编辑器获得焦点时回调此函数
blur:编辑器失去焦点时回调此函数

标签:iteye,网页,com,编辑器,设置,http,xheditor,上传
From: https://blog.51cto.com/u_4427045/6238086

相关文章

  • Gradio: 使用Python构建机器学习网页应用
    Gradio:用Python构建机器学习网页APPGradio是一个开源的Python库,用于构建演示机器学习或数据科学,以及web应用程序。使用Gradio,您可以基于您的机器学习模型或数据科学工作流快速创建一个漂亮的用户界面,让用户可以”尝试“拖放他们自己的图像、粘贴文本、录制他们自己的声音,并通......
  • 测试博客园的Markdown编辑器的支持语法和解析结果
    @目录欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学......
  • 博客园中如何使用HTML所见即可得编辑器TinyMCE
    大纲基本内容:文本、段落规范结构:标题、大纲大量数据:表格、列表内外跳转:链接、锚点视觉媒体:图像、视频、音乐用户交流:表单、交互文本字体、大小、前景色、背景色、加粗、倾斜、下划线、中划线、清楚格式段落段落行间距、段落字间距、段落居中对其、段落居左对齐、......
  • 【移动端网页布局】移动端网页布局基础概念 ⑤ ( 视网膜屏技术 | 二倍图概念 | 代码示
    文章目录一、视网膜屏技术二、二倍图概念三、代码示例一、视网膜屏技术PC端和早期的移动端网页中,CSS中配置的1像素对应的就是物理屏幕中的1像素;Retina视网膜屏幕技术出现后,将多个物理像素压缩到一块屏幕中,可以达到更高的分辨率,画面显示效果更好;下......
  • 威联通NAS使用Container搭建我的世界服务器,带网页管理面板
    QNAP使用LXC容器搭建Minecraft游戏服务器,带WEB管理面板Linux搭建我的世界服务器:https://blog.zeruns.tech/archives/584.htmlwindows搭建MC服务器教程:https://blog.zeruns.tech/archives/529.htmlMC开服交流群:966038270视频教程:https://www.bilibili.com/video/BV1Fv411471D/安卓安......
  • 树莓派搭建我的世界服务器教程,带网页管理面板
    raspberry使用MCSManager搭建Minecraft私服,带WEB管理面板本教程使用Raspbian系统和树莓派3,系统安装方法和ssh开启方法就不说了,网上一堆教程,自行百度。X86Linux搭建MC服务器教程:https://blog.zeruns.tech/archives/584.htmlARM搭建MC服务器教程,适用于树莓派:https://blog.zeruns.te......
  • 提供远程网页操作的hta代码,用于不停的检测自已打开句柄被其它open抢占捉取用.
    <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-......
  • node.js用ffmpeg切rtsp实时视频流为mp4,并且在网页上播放
    用express.js框架,这部分太简单了,省略npm或者yarn安装fluent-ffmpeg路由部分代码:router.rtspTrackingHandle=function(req,res){logger.info('[tracking]:rtsphandle');leturl=req.query.url||'';//leturl='rtsp://admin:jeewey123@19......
  • 网页截图,html2canvas简单示例
     <divid="box"><p>asd4a5s6fa6s5f1asf</p><imgstyle="width:200px"src="xxxxxx.png"/><buttonstyle="width:100px;height:30px"onclick="prtsc()">pr......
  • Vim编辑器命令索引
    Vim编辑器普通模式命令索引小写字母aappend在光标后插入bbackward将光标移动到单词的开头cchange更改ddelete删除eend将光标移动到单词末尾ffind在行内查找某个字符g前缀命令hleft光标向左移动iinsert在光标前插入jdown光标向下移动kup光标向上......