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

Roogle 2019-4-29 15806

最近我找了很多编辑器在里世界使用都多少发现了比较大的问题,现在使用的编辑器是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]   


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


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

混乱思考家,脑里全浆糊!
最新回复 (19)
  • 幻梦丷 2019-4-29
    0 2
    关于纯文字粘贴功能,就是能够无视特殊字体字样,直接变成默认文字粘贴到贴子内,因为之前是有这个功能而现在没有了,想问下这个功能还会不会加?(ps:这样可以免去手动全选然后清理格式这一步骤)
    我才是最最最最萌的萌新~
  • 链接不成功 2019-5-2
    0 3
    <b>我试试看能不能加粗</b>
    这个人很懒,什么也没有留下!
  • 链接不成功 2019-5-2
    0 4
    好吧,并不能
    这个人很懒,什么也没有留下!
  • Roogle 2019-5-2
    0 5
    链接不成功 好吧,并不能
    请使用高级回复测试
    混乱思考家,脑里全浆糊!
  • Voice_of_Shadow 2019-6-9
    0 6
    嘤!
  • jiemojimo 2019-6-20
    0 7
    这个人很懒,什么也没有留下!
  • 墨迹一点 2019-8-11
    0 8
    啊!!!脑袋爆炸
    汪就想评论不想发帖(汪废被折磨不发不快)
  • 墨迹一点 2019-8-17
    0 9
    Roogle 请使用高级回复测试
    求个视频教程,手把手的那种,萌新完全宕机中
    汪就想评论不想发帖(汪废被折磨不发不快)
  • CROWN丿 2019-9-1
    0 10
    能不能留个编辑器插件的链接?
    锦衣红夺彩霞明,侵晓春游向野庭。
  • 赵日天 2019-10-1
    0 11
    视频bilibili插入有问题  [foxyun][/foxyun]  我这个格式能发 你的那个不能
    这个人很懒,真的,你要相信我!
  • 赵日天 2019-10-1
    0 12
    这个人很懒,真的,你要相信我!
  • Roogle 2019-10-2
    0 13
    赵日天 @Roogle
    哦,那没关系,都差不多,我那个代码格式需要在html模式编辑
    混乱思考家,脑里全浆糊!
  • 赵日天 2019-10-2
    0 14
    Roogle 哦,那没关系,都差不多,我那个代码格式需要在html模式编辑

    QQ图片20190920202321.gif

    这个人很懒,真的,你要相信我!
  • 亦仙时鬼 2020-2-26
    0 15
    。。。奇奇怪怪麻麻烦烦
    这个人很懒,什么也没有留下!
  • 0 16

    请问罗格大佬,为什么插入Html的音乐播放器回帖后无法正常显示

    这段标签是

    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=50% height=86 src="https://music.163.com/outchain/player?type=2&id=399366418&auto=0&height=66"></iframe>


    回复的时候发现不小心挖坟了抱歉哇!
  • Roogle 2021-5-28
    0 17
    Smallred小红小红 请问罗格大佬,为什么插入Html的音乐播放器回帖后无法正常显示这段标签是&lt;iframe frameborder=&quot;no&quot; border=&qu ...
    这个好像不太好用,只支持在主贴里显示,评论回帖里好像是不行
    混乱思考家,脑里全浆糊!
  • Qwter 2021-8-15
    0 18
    罗格大佬,请问下发帖插入视频编辑状态和预览模式都挺正常的也能播放,但一发出来主贴就什么都没有了,不知道是什么情况。我是html直接插入iframe。
    二次元半退坑中,随时神隐……
  • Roogle 2021-8-15
    0 19
    Qwter 罗格大佬,请问下发帖插入视频编辑状态和预览模式都挺正常的也能播放,但一发出来主贴就什么都没有了,不知道是什么情况。我是html直接插入iframe。
    帖子链接贴上来我看看
    混乱思考家,脑里全浆糊!
  • Qwter 2021-8-16
    0 20
    Roogle 帖子链接贴上来我看看
    https://acgn.zone/thread-12060.htm
    https://acgn.zone/thread-12067.htm
    最近发的两个贴,麻烦啦。
    二次元半退坑中,随时神隐……
    • ACG里世界
      21
          
返回
发新帖