【Joomla】TinyMCE - Add custom styles

前言

使用 TinyMCE 编写文章时经常需要定义很多样式，如果每次都手工编辑的话，一方面工作量大，另一方面也容易造成格式的不统一。好在 TinyMCE 提供了添加自定义样式的功能，不过使用起来却不那么简单。

方法

Joomla Administration -> Extensions -> Plug-in Manager -> Editor - TinyMCE -> Basic Options -> 设置 Custom CSS classes 为 editor.css
复制 /templates/system/css/editor.css 到 /templates/[your template]/css。
根据需要在 /templates/[your template]/css/editor.css 中添加样式。
此时在 TinyMCE 的 Styles 菜单中可以看到自定义的样式，应用并保存后也能看到效果，但是在前台网站上却看不到效果。

editor.css 不仅要在后台添加，在前台也要添加。打开 /templates/[your template]/index.php，添加如下红色代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $gantry->language; ?>" lang="<?php echo $gantry->language;?>" ><head><?php$gantry->displayHead();$gantry->addStyles(array('template.css','editor.css',
                'tooltips.css','prettyPhoto.css','framework-reset.css','http://fonts.googleapis.com/css?family=Open+Sans'));$gantry->addScript(array('https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js')); ?>

转载于:https://www.cnblogs.com/csharpstyle/articles/3119045.html

【Joomla】TinyMCE - Add custom styles相关推荐

【Joomla】本地化汇总
前言 Joomla 的本地化工作是相当繁琐的,原因在于需要修改文字资源散落在系统的各个角落,需要一一找出. CONTACT US 显示位置:/index.php/contacts,即联系方式页面内的标 ...
【LeetCode】2. Add Two Numbers
传送门:https://leetcode.com/problems/add-two-numbers/ 一.题目描述 You are given two non-empty linked lists r ...
【LeetCode】002 Add Two Numbers
题目: You are given two non-empty linked lists representing two non-negative integers. The digits are ...
【Git】git add -A = git add . + git add -u
git add -A stages All git add . stages new and modified, without deleted git add -u stages modified ...
【Joomla】Gallery 中的图片失去了 Popup 效果
问题现象单击 Gallery 中的图片后,应该是弹出一个层来显示图片,但是浏览器却转到了图片地址页面. 问题原因更新了 Joomla Engine 和 K2. 解决方法修改 /templates ...
【Joomla】K2 Item 页面添加 Module
目的图1 图2 图1和图2只显示一个 K2 Item,并且没有可见的菜单项与 K2 Item 关联,但是图2的右侧比图1多了一个 Module,那么在管理端是如何区别的呢? 原理分析从低到高的层次 ...
【leetcode】258. Add Digits
题目如下: 解题思路:题目很简单,没啥说的.Follow up 我还没想出来. 代码如下: class Solution(object):def addDigits(self, num):" ...
【前端】vue Unknown custom element: xxxx did you register the component correctly
1.概述报如下错误的话啊,可以看出elementui组件没有被注册注册之后即可文件位置:src/main.js import Vue from 'vue' import './plugins/a ...
【sqli-labs】 less32 GET- Bypass custom filter adding slashes to dangrous chars (GET型转义了'/字符的宽字节注入)...
转义函数,针对以下字符,这样就无法闭合引号,导致无法注入 ' --> \' " --> \" \ --> \\ 但是,当MySQL的客户端字符集为gbk时,就可能 ...

【Joomla】TinyMCE - Add custom styles

【Joomla】TinyMCE - Add custom styles相关推荐

最新文章

热门文章