返回新闻列表

百度编辑器UEditor开源富文本编辑,加载bootstrap格栅系统-百度编辑器UEditor加入其他css样式

发布日期: 2023-02-28 | 来源: 智软设计工作室

百度开源富文本编辑器UEditor,如何加入其他css样式了?

我们比如要在编辑器里面排版响应式布局。比如bootstrap的格栅系统。等其他样式,我们这里就不能实时预览。

这个功能网站制作的时候还是比较常用。网络上找了一圈,好像没有这个文章。

我研究了下。其实百度编辑器已经预留css文件。

添加样式。

大家在、/ueditor/themes/iframe.css添加就行了。

,比如我直接在css调用前端样式,

@import url("/css/bootstrap.css");

@import url("/css/styel.css");


这样基本上。是和前台预览是一样的,不会导致后台看起来一个样,前台另外一个样子。因为我们直接加载了 前台的样式进来了。

推荐技术资料

独立的格栅系统,col-lg col-sm col-md

2024-02-21

/*container*/*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{position:r

阅读更多

滚动倒退后保留 wow.js 动画效果 解决办法

2023-06-30

如果你希望在滚动倒退后保留 wow.js 动画效果,可以尝试将 resetAnimation 设置为 false。varwow=newWOW({resetAnimation:false,})wow.init();

阅读更多

jQuery去除data-slides 属性值逗号结尾问题,

2023-08-22

我们有的时候。调用一个多属性值的时候,会出现,号结尾。导致程序循环切割的时候。多一个空值,比如1,2,3, 这样就应该去除掉最后,html<div class="work “ data-slides="1,2,3,">下面是js方法可以解决 // 获取所有包含 data-slides 属性的元素,去除最后得,号va

阅读更多

google翻译api参数设置,google.translate.TranslateElement 参数配置

2021-11-11

<divid=”google_translate_element”style=”display:none;”></div><scripttype=”text/javascript”src=”//translate.google.cn/translate_a/element.js?cb=googleTranslateElementInit”></script><scripttype=”text/javascript”>fu

阅读更多

pboot:nav 加入多条件判断 pboot:if

2022-01-05

{pboot:navnum=7}<liclass="menu-item{pboot:if([nav:soncount]>0)}menu-item-has-children{/pboot:if}"><ahref="[nav:link]">[nav:name]</a>{pboot:if([nav:soncount]>0)}&

阅读更多

纯css实现点击显示不同div内容。

2024-07-03

.navbar .search-right .pop-overlay:target { visibility: visible; opacity: 1;} 自己可以举一反三。 <a href="#search" class="btn search-btn" title="search"><span class="fas fa-search me-2" aria-hidden="tru

阅读更多

pbootcms分类栏目都上级栏目图教程 调用一级栏目的banner图

2022-04-25

{pboot:sort scode={sort:tcode}}{pboot:if('{sort:pic}'!='')}{sort:pic}{else}{label:no_banner}{/pboot:if}{/pboot:sort}

阅读更多

PBOOTCMS怎么放子目录运行,放入后怎么伪静态了?不然出错,

2023-09-02

PBOOTCMS 怎么放子目录运行,放入后怎么伪静态了?下面我们来看看怎么解决。子目录运行很简单,复制一个完整的源代码进入即可,默认不进行伪静态是没啥问题,但是一旦伪静态了。点击就会找不到页面。下面就要更改以下伪静态规则。如下面nginx的规则,nginx伪静态配置如下:location /en/ {if (!-e $request_filename){rewri

阅读更多

windows2012 服务器 c盘空间不够 怎么处理。

2024-05-21

可以看下C:\Windows\Temp 这个目录。占比很大,我删除了20个G

阅读更多