confluence 字体_为confluence编辑器增加设置字体和设置字号的选项

Confluence的编辑器没有设置字体和设置字号的功能，通过自定义宏来实现不是很好用，下面给出一个较好的解决方案，使用confluence的自定义html功能，在body尾部加入以下代码：(针对Confluence 5.4.3，其他版本可参照本文思路稍加改造，要会使用firebug的元素查看器以及jquery)

rangy.init();

/**

* 以下js扩展是对edit编辑器进行扩展，增加了设置字体和字号的功能！

// 获取frame的document兼容火狐ie

function getIFrameDOM(id){

return document.getElementById(id).contentDocument || document.frames[id].document;

}

// 增加字体和字体大小选项

var selectors = $($('.aui-buttons', '.aui-toolbar2-primary')[0]);

var fontSelect = $(' id="font-face">选择字体宋体仿宋_GB2312黑体楷体_GB2312隶书幼圆微软雅黑Courier NewTimes New RomanImpactGeorgiaArialVerdanaTahoma');

var sizeSelect = $(' id="font-size">选择字号12px14px18px24px36px48px56px');

selectors.append(fontSelect);

selectors.append(sizeSelect);

// 替换当前选中内容

function replaceContext(opts){

var document = getIFrameDOM('wysiwygTextarea_ifr');

rangy.execSelectionCommand("font",document,1,opts);

}

fontSelect.change(function(){

replaceContext({name:fontSelect.val()});

});

sizeSelect.change(function(){

replaceContext({size:sizeSelect.val()});

});

(这里用到了rangy库，关于rangy资料可自行查找资料了解，这里不做介绍)

confluence 字体_为confluence编辑器增加设置字体和设置字号的选项相关推荐

android ui设计最新字体,ui用什么字体_安卓ui设计用什么字体
1 ui用什么字体 UI中字体使用的关键因素. 1.可读性. ui用什么字体_安卓ui设计用什么字体,可读性是UI中字体所需考虑的首要因素.字母字形必须清晰可辨,作为UI元素,其中不同的字母必须可以被 ...
web字体设置成平方字体_如何托管自己的Web字体
web字体设置成平方字体字体通常是许多计算机用户的谜. 例如,您是否设计了一个精美的传单,并且将文件放在某个地方进行打印时,发现Arial中呈现的所有标题是因为打印机没有您在设计中使用的精美字体? ...
ueditor富文本编辑器增加默认字体、字号
1.在 ueditor.all.min.js这个js中修改默认字体和字号: 代码:body{margin:8px;font-family:仿宋_GB2312;font-size:21px;} 2.增加 ...
unity怎么在文本中修改字体_[专栏作家]UGUI中CustomFont字体使用与制作
原标题:[专栏作家]UGUI中CustomFont字体使用与制作前言: 如何在UGUI中使用自定义的数字图片.在开发过程中,美术同学会给出类似艺术数字图片如下图: 那在UGUI系统中如何使用呢? U ...
androidstudio使用mac字体_给android studio安装新字体,如mac系统的monaco字体
程序猿最少不了的就是敲代码,那么一款好看的字体能让程序员敲起代码来更舒心,甚至能带来更好的灵感和思路,现在android开发工具已经基本上从eclipse过渡到android studio了,如果我们 ...
java ee字体_[分享] 23种漂亮的字体代码，
代码中的文字.图片以及尺寸.字体.颜色等可以按照个人的喜好替换.如果你想先预览效果,可以将你喜欢的文字代码复制粘贴到记事本中,并另存为html格式,然后打开就可以在IE中预览效果了. 1.彩色字体色彩 ...
android 更改字体_如何在Android中更改字体
android 更改字体 Ben Stockton 本·斯托克顿 Android offers plenty of options to customize the appearance of you ...
c++ 获取窗体默认字体_告别瞎眼，让Windows字体显示不逊苹果电脑
macOS上的字体显示效果非常舒服细腻,与之相比,Windows系统的字体显示效果就有些粗糙(最直观的感受就是锯齿超多). Windows 系统上糟糕的字体显示体验主要是因为两个原因:1.默认字体&q ...
更改word 默认字体_更改Word中的默认字体大小
更改word 默认字体 Are you frustrated by always having to change the font size before you create a document ...

confluence 字体_为confluence编辑器增加设置字体和设置字号的选项

confluence 字体_为confluence编辑器增加设置字体和设置字号的选项相关推荐

最新文章

热门文章