登录/注册

首页 › SpreadJS & GcExcel专区 › 求助中心 › 查看内容

42 主题	71 帖子	351 积分

积分: 351

65
金币
42
主题
71
帖子

最新发帖

[已处理] SpreadJS富文本字体大小自定义

pian493
初级会员 / 发表于：2023-9-15 17:32 / 查看：928 / 回复：6

本帖最后由 Clark.Pan 于 2023-9-27 15:34 编辑

产品名称 SpreadJS
版本：V15.0.2

image.png533762206.png

image.png533762206.png

spreadjs这个版本中，富文本插件只能设置1-7的字体大小，（且font-size的值固定，即使改成14，仍然为13px大小），能否支持自行设置字体大小或扩展可设置大小的数组？

收藏

回复

6 个回复

倒序浏览

Richard.Huang
超级版主 / 发表于：2023-9-26 11:46:23 来自 8#

抱歉给您的Demo中有误，主要是因为浏览器的fontSize指令在不同浏览器中执行存在差异，如果您需要准确以px为单位设置字体格式，您可以将代码中执行fontSize的指令代码进行方法自定义：
var execFontSize = function (size, unit) {
var spanElement = document.createElement("span");
spanElement.textContent = document.getSelection();
spanElement.style.fontSize = size + unit;
var spanString = spanElement.outerHTML;

document.execCommand("insertHTML", false, spanString);
};

然后在选择字体按钮触发时执行上述方法：
execFontSize(fontSizeDict[result], "px");

以下是修改之后的demo，您可以进行参考

features_cells_basic-rich-text_JavaScript.rar

7.69 KB, 下载次数: 35

评分

参与人数 1	满意度 +5	收起理由
pian493	+ 5

查看全部评分

回复 使用道具举报

Clark.Pan
超级版主 / 发表于：2023-9-15 17:32:11 地板

就是把13改成14，但凡都改了肯定没问题，你跟附件的demo对比一下，看看代码上有啥区别，我这边改的时候就是把13改成了14

features_cells_basic-rich-text_JavaScript.zip

7.28 KB, 下载次数: 36

点击查看 -->【预览版体验】SpreadJS v16.0 预览版 - 新文件结构

回复 使用道具举报

Clark.Pan
超级版主 / 发表于：2023-9-18 09:41:13 2^#

本帖最后由 Clark.Pan 于 2023-9-18 09:43 编辑

您是不是没改代码的这部分
image.png12809752.png

image.png12809752.png

image.png373666686.png

从demo的代码上来看，关联的地方有好几处，您这边应该是漏改了某处

点击查看 -->【预览版体验】SpreadJS v16.0 预览版 - 新文件结构

回复 使用道具举报

pian493
初级会员 / 发表于：2023-9-19 09:48:58 3^#

这部分代码修改尝试过，涉及到的13全都替换为14仍然无效，选中字体修改为14后对应的font标签有属性size=2，仍然为13px. image.png82660826.png

image.png82660826.png

回复 使用道具举报

Richard.Huang
超级版主 / 发表于：2023-9-20 16:54:01 5^#

您好，请问楼主本贴中提及的问题是否解决，如果仍然存在问题，请在本贴中提供问题信息，我们后续会为您进行测试解答

回复 使用道具举报

pian493
初级会员 / 发表于：2023-9-25 17:53:58 7^#

Richard.Huang 发表于 2023-9-20 16:54
您好，请问楼主本贴中提及的问题是否解决，如果仍然存在问题，请在本贴中提供问题信息，我们后续会为您进行 ...

你好，问题未解决。
我运行了features_cells_basic-rich-text_JavaScript.zip里的代码，将字体设置为14px后，结果仍是13px。

image.png560772094.png

image.png560772094.png

image.png217166442.png

回复 使用道具举报