pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-24 01:13:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added strikethrough button

Browse Source
This commit is contained in:
Danis
2025-08-11 19:28:07 +04:00
parent 2a41227199
commit 00d0491a3b
3 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/spreadsheeteditor/mobile/src/controller/edit/EditCell.jsx
View File

@ -80,6 +80,11 @@ class EditCellController extends Component {
api.asc_setCellUnderline(value);
}
toggleStrikethrough(value) {
const api = Common.EditorApi.get();
api.asc_setCellStrikeout(value);
}
onStyleClick(type) {
const api = Common.EditorApi.get();
api.asc_setCellStyle(type);
@ -238,6 +243,7 @@ class EditCellController extends Component {
toggleBold={this.toggleBold}
toggleItalic={this.toggleItalic}
toggleUnderline={this.toggleUnderline}
toggleStrikethrough={this.toggleStrikethrough}
onStyleClick={this.onStyleClick}
onTextColor={this.onTextColor}
onFillColor={this.onFillColor}

3
apps/spreadsheeteditor/mobile/src/store/cellSettings.js
View File

@ -15,6 +15,7 @@ export class storeCellSettings {
isBold: observable,
isItalic: observable,
isUnderline: observable,
isStrikethrough: observable,
hAlignStr: observable,
vAlignStr: observable,
isWrapText: observable,
@ -62,6 +63,7 @@ export class storeCellSettings {
isBold = false;
isItalic = false;
isUnderline = false;
isStrikethrough = false;
hAlignStr = 'left';
vAlignStr = 'bottom';
@ -146,6 +148,7 @@ export class storeCellSettings {
this.isBold = xfs.asc_getFontBold();
this.isItalic = xfs.asc_getFontItalic();
this.isUnderline = xfs.asc_getFontUnderline();
this.isStrikethrough = xfs.asc_getFontStrikeout();
}
initEditorFonts(fonts, select) {

2
apps/spreadsheeteditor/mobile/src/view/edit/EditCell.jsx
View File

@ -73,6 +73,7 @@ const EditCell = props => {
const isBold = storeCellSettings.isBold;
const isItalic = storeCellSettings.isItalic;
const isUnderline = storeCellSettings.isUnderline;
const isStrikethrough = storeCellSettings.isStrikethrough;
const fontColorPreview = fontColor !== 'auto' ?
<span className="color-preview" style={{ background: `#${(typeof fontColor === "object" ? fontColor.color : fontColor)}`}}></span> :
@ -98,6 +99,7 @@ const EditCell = props => {
<a className={'button' + (isBold ? ' active' : '')} onClick={() => {props.toggleBold(!isBold)}}><b>B</b></a>
<a className={'button' + (isItalic ? ' active' : '')} onClick={() => {props.toggleItalic(!isItalic)}}><i>I</i></a>
<a className={'button' + (isUnderline ? ' active' : '')} onClick={() => {props.toggleUnderline(!isUnderline)}} style={{textDecoration: "underline"}}>U</a>
<a className={'button' + (isStrikethrough ? ' active' : '')} onClick={() => {props.toggleStrikethrough(!isStrikethrough)}} style={{textDecoration: "line-through"}}><i>S</i></a>
</div>
</ListItem>
<ListItem title={_t.textTextColor} link="/edit-cell-text-color/" routeProps={{