请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

jangogo

初级会员

37

主题

75

帖子

258

积分

初级会员

积分
258

[已处理] 编辑框的样式

jangogo
初级会员   /  发表于:2017-4-18 12:04  /   查看:3952  /  回复:7

单元格进入编辑状态显示 的编辑框,我想 编辑框的字体和对齐等样式单元格设置的样式一致。例如 某单元格 是 "红色字体 垂直居中对齐 隶书 14px "  , 我想编辑状态下编辑框也是这样的样式。
可以设置吗?




8 个回复

倒序浏览
CCKan
银牌会员   /  发表于:2017-4-18 12:15:52
沙发
在当前版本中,由于标准的 Textarea 不支持垂直居中对齐,所以 SpreadJS 的编辑器也不支持垂直居中对齐,其它格式是支持的。
SpreadJS V11 版有可能会支持编辑状态的垂直居中对齐。

点评

其他的样式怎么设置? 编辑框有接口或者方法来让我们来重新定位或者重新定义吗?  发表于 2017-4-18 14:41
回复 使用道具 举报
jangogo
初级会员   /  发表于:2017-4-18 15:06:58
板凳
CCKan 发表于 2017-4-18 12:15
在当前版本中,由于标准的 Textarea 不支持垂直居中对齐,所以 SpreadJS 的编辑器也不支持垂直居中对齐,其 ...

其他的样式怎么设置? 编辑框有接口或者方法来让我们来重新定位或者重新定义吗?例如 我们获取 编辑框 这个 textarea ,然后自己赋予样式,或者自己编程来实现 垂直居中。一般我们的输入都是单行的,因此我们可以设置输入框只是一行字体的高度,其他使用Margin或者padding来解决。问题是我们不知道怎么可以获取编辑框来自己定义
回复 使用道具 举报
jangogo
初级会员   /  发表于:2017-4-18 17:10:34
地板
现在问题核心变成了:如何获取这个编辑框的textarea,还有进入编辑状态前即显示这个编辑框前有事件吗
回复 使用道具 举报
CCKan
银牌会员   /  发表于:2017-4-18 17:53:16
5#
默认情况下编辑器的样式就会保持和单元格的设置一样。
比如: sheet.getRange(1, 1, 2, 2).backColor("red");
你进编辑状态以后还是红色,
如果你想自己获取编辑器,可以重写 Text CellType.activateEditor 方法
        var oldActiveEditor = GC.Spread.Sheets.CellTypes.Text.prototype.activateEditor;
        GC.Spread.Sheets.CellTypes.Text.prototype.activateEditor = function (editorContext, cellStyle, cellRect, event, context, startEditByKeyDown) {
            var editor = editorContext;
            editor.style.backgroundColor = "green";
            return oldActiveEditor.call(this, editorContext, cellStyle, cellRect, event, context, startEditByKeyDown);
        }
回复 使用道具 举报
jangogo
初级会员   /  发表于:2017-4-20 09:28:06
6#
CCKan 发表于 2017-4-18 17:53
默认情况下编辑器的样式就会保持和单元格的设置一样。
比如: sheet.getRange(1, 1, 2, 2).backColor("red ...

更进一步,我可以用DIV 设置 contenteditable="true" 来取代 Textarea元素来替代编辑框吗?怎么做?
谢谢。
回复 使用道具 举报
dexteryao讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2017-4-20 12:06:38
7#
回复 使用道具 举报
CCKan
银牌会员   /  发表于:2017-4-20 16:34:17
8#
jangogo 发表于 2017-4-20 09:28
更进一步,我可以用DIV 设置 contenteditable="true" 来取代 Textarea元素来替代编辑框吗?怎么做?
谢 ...

V11 有可能会内置支持这种方式,你自己也可以这样做,但是会有不少问题需要解决,所以我不推荐你这么做,当然这些问题如果你们的应用场景测试没问题那最好。
编辑器这块由于有 focus,输入法,公式输入,不同浏览器差异等问题,所以很复杂
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部