ueditor编辑器 怎么插入代码

ueditor编辑器 怎么插入代码,第1张

打开文章相对应的模板,在模板里插入如下代码:

<link rel="stylesheet" href="/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" />

<script type="text/javascript" src="/include/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>

<script type="text/javascript">SyntaxHighlighter.all()</script>

将上面三行代码放在<head></head>之间,这个还是要说明一下,请在大家注意,另需要注意的是,请自行修你ueditor文件所在的位置,因为我的ueditor放在网站根目录下的include文件夹所以我调用的位置就是/include/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css,而这个位置大家根据自己的需要进行修改。

ueditor编辑器中加入样式,就是通过Id,class选择器,或者是直接在行中编写样式,跟别的编辑器添加都是一样的;引入的CSS文件不生效,有可能是因为你的引入的路径不对,或者是那个id或者是class名字不对,因而没有效果,一般css文件在与html文件在同一个文件夹中,在书写路径的时候只要写文件名就行了,如果不在话,就需要加./或者是../;通过例子来理解:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>index</title>

<link rel='stylesheet' type='text/css' href='./css/index1.css'> //不在同一个文件夹的时候

<link rel='stylesheet' type='text/css' href='index1.css'> //在同一个文件夹


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

原文地址:https://54852.com/bake/11370871.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存