发布日期: 2023-02-28 | 来源: 智软设计工作室
百度开源富文本编辑器UEditor,如何加入其他css样式了?
我们比如要在编辑器里面排版响应式布局。比如bootstrap的格栅系统。等其他样式,我们这里就不能实时预览。
这个功能网站制作的时候还是比较常用。网络上找了一圈,好像没有这个文章。
我研究了下。其实百度编辑器已经预留css文件。
添加样式。
大家在、/ueditor/themes/iframe.css添加就行了。
,比如我直接在css调用前端样式,
@import url("/css/bootstrap.css");
@import url("/css/styel.css");
这样基本上。是和前台预览是一样的,不会导致后台看起来一个样,前台另外一个样子。因为我们直接加载了 前台的样式进来了。
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
阅读更多2023-06-30
如果你希望在滚动倒退后保留 wow.js 动画效果,可以尝试将 resetAnimation 设置为 false。varwow=newWOW({resetAnimation:false,})wow.init();
阅读更多2023-08-22
我们有的时候。调用一个多属性值的时候,会出现,号结尾。导致程序循环切割的时候。多一个空值,比如1,2,3, 这样就应该去除掉最后,html<div class="work “ data-slides="1,2,3,">下面是js方法可以解决 // 获取所有包含 data-slides 属性的元素,去除最后得,号va
阅读更多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
阅读更多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)}&
阅读更多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
阅读更多2022-04-25
{pboot:sort scode={sort:tcode}}{pboot:if('{sort:pic}'!='')}{sort:pic}{else}{label:no_banner}{/pboot:if}{/pboot:sort}
阅读更多2023-09-02
PBOOTCMS 怎么放子目录运行,放入后怎么伪静态了?下面我们来看看怎么解决。子目录运行很简单,复制一个完整的源代码进入即可,默认不进行伪静态是没啥问题,但是一旦伪静态了。点击就会找不到页面。下面就要更改以下伪静态规则。如下面nginx的规则,nginx伪静态配置如下:location /en/ {if (!-e $request_filename){rewri
阅读更多