css - Tinymce-angular:编辑器全屏问题
问题描述
我在用着<editor *ngIf="defaultContent" [(ngModel)]='defaultContent' [init]='editorConfig'>
https://github.com/tinymce/tinymce-angular
这是我下面的配置-
export const editorConfig = {
skin_url: '/assets/skins/lightgray',
theme: 'modern',
content_css: targetElt.getAttribute('href'),
height: 300,
branding: false,
// content_security_policy: 'script-src \'self\' \'unsafe-inline\'; connect-src \'self\'; img-src \'self\';' +
// 'style-src \'self\' \'unsafe-inline\';',
plugins: 'textcolor anchor link lists wordcount fullscreen hr code table', // template
hidden_input: false,
menubar: false,
toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify |' +
'numlist bullist outdent indent | paste | section | row | info | fullscreen | template | removeformat |' +
'undo redo | code | table',
templates: [
{
title: 'Some title 1', description: 'Some desc 1', content: '<div class="col-sm-12"><div class="row widget-sd">' +
'<div class="sd-img col-sm-3"><img src="https://image.flaticon.com/icons/svg/321/321718.svg"></div>' +
'<div class="col-sm-9"></div></div></div>'
}
],
table_default_attributes: {
'border': '0'
},
table_default_styles: {
'border-collapsed': 'collapse',
'width': '100%'
},
table_responsive_width: true,
table_advtab: false
}
当我单击编辑器全屏然后单击浏览器后屏幕并再次访问编辑器屏幕然后屏幕冻结时,我的主题上没有出现滚动条。
解决方案
我已经删除了 ngOnDestroy 上的 .mce-fullscreen 类。
document.body.className = document.body.className.replace('mce-fullscreen', ''); $('html').removeClass('mce-fullscreen');
推荐阅读
- python - Python主进程/线程未在多处理中终止
- amazon-cloudfront - 通过 ELB 路由到云端并通过路径路由到 EKS 容器
- python - 附加列表(我无法执行此代码)
- excel - 使用 Vlookup + count if 公式获取数据
- javascript - p5.js WebGL 3d 图形在旋转时被 2d 背景覆盖
- python - 安排训练和测试机器学习
- spring-boot - 带有 keycloak 的 Spring Cloud 微服务
- ios - [<__NSCFString 0x600003802460> valueForUndefinedKey:]: 这个类对使用 FEMMApping 的键的键值编码不兼容 映射中的问题
- python - 循环添加更多输入
- java - 检查是否在 Android 中启用了振铃模式的振动