返回新闻列表

百度编辑器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");


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

推荐技术资料

小米笔记本字母键盘错乱解决办法-不用Num Lock键的方法

2023-07-06

今天准备做网站写程序,发现键盘打字对不上,也就是字母键盘错乱,打d出来f,网站找了下。都说用fn+Num Lock键,但是小米键盘没有Num Lock键盘。那怎么办了。看网上说是驱动问题,要更新驱动,我也试了一下。发现还是不行。提示已经最新了。然后我干脆把所有的键盘设备驱动,全部删除了。重启一下电脑就好了。记得是删除这些

阅读更多

pbootcms怎么判断分页是否在尾页

2024-05-09

{pboot:if('{page:current}'=='{page:count}')} 尾页 {else}不在尾页

阅读更多

div li flex空白元素自动填充,自动判断,可控制数量

2022-12-10

// flex空白元素填充 function flex_empty(listbox, ele, num, emptyclass) { var len = listbox.find(ele).length; var need = Math.ceil(len / num) * num - len; &nb

阅读更多

用chatgpt写的一个jquery效果,多行多列 logo图片透明度 无限闪动效果!

2023-04-17

今天试着用chatgpt写的一个jquery效果,多行多列 logo图片 透明度 无限闪动效果!一步一步写需求,让他实现了,这个还是很不错。可以节省很多时间,很厉害,估计会替代很多,初级程序员的工作了。。<style>.column{display: 

阅读更多

pbootcms实现瀑布流“ajax加载更多”“无限下拉”分页调用列表,支持动静态,支持图片延迟加载

2024-05-09

pbootcms实现瀑布流“ajax加载更多”“无限下拉”分页调用列表,,支持动静态,支持图片延迟加载1、页面中引用jquery.js 与 jquery-ias.min.js注意:jquery.js库版本必须大于1.6<scriptsrc='/js/jquery.js'></script><scriptsrc="/js/jquery-ias.min.js"></script>2

阅读更多

jQuery 鼠标的移入移出实现 微信二维码显示隐藏

2022-12-05

<title>jQuery事件-微信的显示隐藏及鼠标的移入移出</title><scriptsrc="/imgjs/jquery-1.11.3.min.js"></script></head><body><divstyle="width:230px;height:200px;background-color:#333;position:relative;"&

阅读更多

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

2023-06-30

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

阅读更多

meta property="og:image" 手机端 浏览器分享网站 显示图片图标 微信可用

2022-12-06

测试微信可用<meta property="og:type"content="image"/> <meta property="og:image"content="https://www.002t.cn/logo.jpg"/>og是一种新的HTTP头部标记,即Open Graph Protocol:作用是让网页成为一个“富媒体对象”。用了Meta Property=og标签,

阅读更多

{pboot:nav}{pboot:list }同时用 同是调用二级三级以及对应的文章内容

2022-12-08

标准格式大概如下:{pboot:nav}栏目链接:[nav:link]栏目名称[nav:name]{pboot:list scode=[nav:scode] num=4 order=date}内容链接:[list:link]内容名称:[list:title]{/pboot:list}{/pboot:nav}{pboot:nav} &nbs

阅读更多