单元格内是否可以使用富文本

收藏

例如：产品名称 *

dexteryao · dexteryao

这个还不支持。如果要实现就是自定义单元格

cgh_chen · cgh_chen

这样太麻烦了。自定义如何处理？设置html代码

cgh_chen · cgh_chen

请问能帮忙实现一下，这样的例子吗？谢谢！

dexteryao · dexteryao

实现Demo需要些时间，做好之后发给您。

cgh_chen · cgh_chen

谢谢！非常感谢

dexteryao · dexteryao

Demo中 * 是垂直居中的，如果需要调整位置修改 fillText 参数就好了

$(document).ready(function () {
var spread = new GcSpread.Sheets.Spread(document.getElementById("ss"));
initSpread(spread);
});
//Custom Cell Type
function RightStartCellType() {
}
RightStartCellType.prototype = new GcSpread.Sheets.TextCellType();
RightStartCellType.prototype.paint = function (ctx, value, x, y, w, h, style, options) {
GcSpread.Sheets.TextCellType.prototype.paint.call(this, ctx, value, x, y, w, h, style, options);
if (!ctx) {
return;
}
ctx.save();
// draw inside the cell's boundary
ctx.rect(x, y, w, h);
ctx.clip();
ctx.font = style.font;
ctx.fillStyle = "red";
ctx.textAlign="start";
ctx.textBaseline="middle";
ctx.fillText(" *", x + ctx.measureText(value).width, y + h / 2);
ctx.restore();
};
function initSpread(spread) {
var sheet = spread.getSheet(0);
sheet.isPaintSuspended(true);
sheet.setColumnWidth(1, 270);
var cell = sheet.getCell(1,1);
cell.cellType(new RightStartCellType());
cell.value("item1");
sheet.isPaintSuspended(false);
};

复制代码

cgh_chen · cgh_chen

谢谢

cgh_chen · cgh_chen

能不能自动适应，原来的，左右对齐样式。

dexteryao · dexteryao

本帖最后由 dexteryao 于 2016-9-29 10:49 编辑

垂直的对齐需要根据字体大小调整，比较麻烦，如果要改最好根据您的设置直接hard code吧。

RightStartCellType.prototype.paint = function (ctx, value, x, y, w, h, style, options) {
if (!ctx) {
return;
}
GcSpread.Sheets.TextCellType.prototype.paint.call(this, ctx, "", x, y, w, h, style, options);
ctx.font = style.font;
var star = "* ";
var textWidth = ctx.measureText(value).width;
var starWidth = ctx.measureText(star).width;
var hAlign = style.hAlign
ctx.save();
// draw inside the cell's boundary
ctx.rect(x, y, w, h);
ctx.clip();
ctx.textAlign="start";
ctx.textBaseline="middle";
if(hAlign === 1){
// center
ctx.fillText(value, x + w / 2 - textWidth / 2, y + h / 2);
ctx.fillStyle = "red";
ctx.fillText(star, x + w / 2 + textWidth / 2, y + h / 2);
}
else if(hAlign === 2){
// right
ctx.fillText(value, x + w - textWidth - starWidth, y + h / 2);
ctx.fillStyle = "red";
ctx.fillText(star, x + w - starWidth, y + h / 2);
}
else{
ctx.fillText(text, x, y + h / 2);
ctx.fillText(star, x + textWidth, y + h / 2);
}
ctx.restore();
};
};

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] 单元格内是否可以使用富文本