ueditor编辑器中如何加样式,引入的css文件为啥不生效呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ueditor编辑器中如何加样式,引入的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'> //在同一个文件夹
参考技术A 如一楼的引入语句,不过值得注意的是引入的路径,你按照上述的方法,还不生效,有可能就是css文件的路径写得不对,一般是html文件的相对路径,譬如html文件和css文件在同一目录下,引入路径就是“./xxx.css”,如果css在html目录下的文件夹,那就是"./文件夹/xxx.css" 参考技术B 所有的编辑器都是一样引入css文件,说白了。html就是一种文本文件。俗称超文本。
引入方法:<link rel="stylesheet" href="XXX.css" type="text/css">
href=“XXX.css” 这个地方写你的外部css的文件名和路径。
注意:<link rel="stylesheet" href="XXX.css" type="text/css">要放在<head></head>之间。追问

是这样的呀,可是在百度编辑器中就是没有生效,我试过的。似乎样式不支持,有没有别的方法呢?

追答

不要用word类型的文本编辑器来编辑你的html文件。。。。
我们说这样引用是直接编辑的源代码。。不是格式里面编辑。。

你下载一个eidtplus试试之后你就知道两者的区别了。

百度文本编辑器Ueditor如何生成网页

1、在编辑完图片、文字后,点击“生成文件”直接生成一个网页;不是那种临时、刷新页面后,消失的那种。
2、而且可对生成的页面进行定制样式!官方文档写得有点麻烦,还有没有更合适的文本编辑器。不要数据库更好,直接在本地生成一个新的html文件。

百度文本编辑器Ueditor生成网页的原理和步骤:
Ueditor插件编辑框中编辑的文本和排版格式,会被Ueditor格式化成HTML标签和样式,并赋值给该编辑器对应的表单域;
通过form表单或ajax方式提交给后台服务器,即可保存编辑好的网页代码;
生成网页,就是调用之前保存的网页代码,通过浏览器解释之后,就是你之前编辑好的格式呈现;
参考技术A

百度文本编辑器Ueditor生成网页的原理和步骤:

    Ueditor插件编辑框中编辑的文本和排版格式,会被Ueditor格式化成HTML标签和样式,并赋值给该编辑器对应的表单域;

    通过form表单或ajax方式提交给后台服务器,即可保存编辑好的网页代码;

    生成网页,就是调用之前保存的网页代码,通过浏览器解释之后,就是你之前编辑好的格式呈现;

    具体的API文档地址是:http://fex.baidu.com/ueditor/ 可参考API文档进行开发。

参考技术B 百度ueditor挺好的了,推荐使用这个。
你不想用数据库, 但又想生成本地文件保存。 那就需要你会点脚本程序了。
目前这个编辑器生成的临时文件也是是采用脚本实现的。
参考技术C 百度ueditor挺好的了,推荐使用这个。
你不想用数据库, 但又想生成本地文件保存。 那就需要你会点脚本程序了。
目前这个编辑器生成的临时文件也是是采用脚本实现的。
参考技术D 百度ueditor挺好的了,推荐使用这个。
你不想用数据库, 但又想生成本地文件保存。 那就需要你会点脚本程序了。
目前这个编辑器生成的临时文件也是是采用脚本实现的。

以上是关于ueditor编辑器中如何加样式,引入的css文件为啥不生效呢?的主要内容,如果未能解决你的问题,请参考以下文章

如何在ueditor中获取选中元素的css/attr等

UEditor编辑器怎么插入css

vue3单页面引入公共的css,加了scoped但无法加deep,导致样式无法穿透,如何解决?

php如何引入百度Ueditor富文本编辑器

PHP如何搭建百度Ueditor富文本编辑器

PHP如何搭建百度Ueditor富文本编辑器