里世界编辑器的使用高级技能篇

Roogle 2019-4-29 15382

最近我找了很多编辑器在里世界使用都多少发现了比较大的问题,现在使用的编辑器是UEditor非论坛官方开发的插件,虽然支持上可能无法像官方的UMeditor一样进行扩展,但是总算没有那么多难以解决的BUG了,唯一就是目前视频和音乐的插入稍微有点复杂,所以这篇帖子将主要讲解UEditor编辑器的使用技巧。


首先,当我们决定对帖子的内容进行编辑时,我希望大家的操作方法是先编辑文字内容,最后编辑帖子文字样式,一个合格的编辑都是先从文字编辑做起,通常来说写一篇稿子的正确步骤都是从收集稿子的主题相关内容,然后是主题相关图片,最后才是对排版的润色,但是作为论坛帖子来说并不要求大家非常严格的执行稿子的编辑,所以这个不做重点要求,这里主要告诉大家如何使用UEditor编辑器愉快的排版。


UEditor编辑器属于所见即所得的编辑器,你在编辑时看到的样式就是展示在网友面前的样式,这个偏差不会太大,当你先写完一篇稿子后肯定需要进行排版,因为稿子内容可能有我们从互联网上搜集复制过来的文字会携带特殊的文字背景或者字体,这里就需要使用编辑器的全选image.png和样式清理格式工具image.png,全选就是选中我们已经写好的稿子,清理格式工具就是帮我们去除我们复制过来的文字大小,字体,字号不统一的问题,将我们的稿子变成没有任何样式修饰的文本。然后清理格式以后我们就可以安安心心的对文字中的个别内容进行强调比如加粗,倾斜,加背景等等操作,这样你的排版就不会显得杂乱啦。


为什么放弃UMeditor论坛官方编辑器插件,主要因为官方编辑器的图片缩放功能出现重大BUG暂时无法修复,所以放弃了,那么如果这个时候想插入音乐和视频怎么办呢?


插入音乐的方法不变,操作参考站内帖子:论坛里网易云音乐及其它音乐视频插入的方法 


插入视频的方法基本上同音乐插件,只不过视频分为四种插入类型:


第一种比如你们能拿到视频的源链接的情况,也就是你能获取mp4和m3u8格式的视频,你可以使用下面的方法插入,例如:


[@foxvod]视频的mp4或者m3u8格式地址[@/foxvod]

[@foxvod]https://cdn-5.haku99.com/hls/2019/04/15/B13vfizv/playlist.m3u8[@/foxvod]


第二种比如你想播放爱奇艺,优酷,腾讯视频时,只要将视频的链接按照下方的方式插入即可,例如:


[@foxhttp]优酷,爱奇艺,腾讯视频链接[@/foxhttp]


[@foxhttp]https://v.youku.com/v_show/id_XNDE0NzcyNzIyMA==.html?spm=a2hzp.8253869.0.0[@/foxhttp]

第三种比如你想播放Youtube的视频,只要将Youtube的视频链接按照下方插入即可,例如:


[@foxyoutu]Youtube视频的链接[@/foxyoutu]


[@foxyoutu]https://www.youtube.com/watch?v=zJKg7xOg8Cs&list=RD0DP0XYR1lBE&index=14[@/foxyoutu]

 第四种比如你想通过iframe方式插入视频,那么只需要获取相关视频的iframe链接中的链接即可,这个所有的视频网站都支持iframe的视频嵌入,这里主要用B站举例,这里我找到B站一个视频,点击视频下方的分享,找到iframe嵌入,例如:


image.png


找到iframe嵌入的代码如下图:


image.png


将代码复制出来,然后把src部分的链接挑选出来:

<iframe src="//player.bilibili.com/player.html?aid=50481984&cid=88372491&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

其中src部分的链接是:

//player.bilibili.com/player.html?aid=50481984&cid=88372491&page=1

[@foxyun] iframe的src链接 [/@foxyun]  


[@foxyun]//player.bilibili.com/player.html?aid=50481984&cid=88372491&page=1[/@foxyun]   


以上所有的代码中间的@符号是为了防止解析,你在插入时记得去掉@符号,切记,切记!目前还不支持一篇文章插入多个视频,默认视频的位置位于文章顶部,这个问题后期修复!


以上就是今天的编辑器使用以及视频插入的教程!

🐏阳了
最新回复 (4)
  • Roogle 2019-5-2
    0 2
    链接不成功 好吧,并不能
    请使用高级回复测试
    🐏阳了
  • Roogle 2019-10-2
    0 3
    赵日天 @Roogle
    哦,那没关系,都差不多,我那个代码格式需要在html模式编辑
    🐏阳了
  • Roogle 2021-5-28
    0 4
    Smallred小红小红 请问罗格大佬,为什么插入Html的音乐播放器回帖后无法正常显示这段标签是&lt;iframe frameborder=&quot;no&quot; border=&qu ...
    这个好像不太好用,只支持在主贴里显示,评论回帖里好像是不行
    🐏阳了
  • Roogle 2021-8-15
    0 5
    Qwter 罗格大佬,请问下发帖插入视频编辑状态和预览模式都挺正常的也能播放,但一发出来主贴就什么都没有了,不知道是什么情况。我是html直接插入iframe。
    帖子链接贴上来我看看
    🐏阳了
    • ACG里世界
      6
          
返回
发新帖