Angular ngx纬管罐';t显示下拉标签
我用羽毛笔创建了一个自定义下拉菜单。我用羊皮纸Angular ngx纬管罐';t显示下拉标签,angular,quill,ngx-quill,Angular,Quill,Ngx Quill,我用羽毛笔创建了一个自定义下拉菜单。我用羊皮纸 var Parchment = Quill.import('parchment'); var lineHeightConfig = { scope: Parchment.Scope.INLINE, whitelist: [ '1.0', '5.0', '10.0' ] }; var lineHeightClass = new Parchmen
var Parchment = Quill.import('parchment');
var lineHeightConfig = {
scope: Parchment.Scope.INLINE,
whitelist: [
'1.0',
'5.0',
'10.0'
]
};
var lineHeightClass = new Parchment.Attributor.Class('lineheight', 'ql-line-height', lineHeightConfig);
var lineHeightStyle = new Parchment.Attributor.Style('lineheight', 'line-height', lineHeightConfig);
Parchment.register(lineHeightClass);
Parchment.register(lineHeightStyle);
我在视图中定义了我的编辑器:
<quill-editor #editor >
<div quill-editor-toolbar>
<!-- Basic buttons -->
<span class="ql-formats">
<button class="ql-bold" [title]="'Bold'"></button>
<button class="ql-italic" [title]="'Italic'"></button>
<button class="ql-underline" [title]="'Underline'"></button>
</span>
<span class="ql-formats">
<select class="ql-lineheight" [title]="'Line Height'">
<option selected></option>
<option value="1.0"></option>
<option value="5.0"></option>
<option value="10.0"></option>
</select>
</span>
</div>
</quill-editor>
新的下拉列表将显示并工作,但标签仍然为空
这里有一个不确定这是正确的执行方式。。。我用了AfterViewInit
ngAfterViewInit() {
var lineheightToolbarButton = document.querySelector('.ql-lineheight');
var lineheightButtonLabel = document.getElementsByClassName('ql-picker-label')[0]
lineheightButtonLabel.innerHTML = "line height"+lineheightButtonLabel.innerHTML
var lineheightItems = document.getElementsByClassName('ql-picker-item')
for (var i = 0; i < lineheightItems.length; i++) {
lineheightItems[i].innerHTML = lineheightItems[i].getAttribute('data-value')
}
}
ngAfterViewInit(){
var lineheightToolbarButton=document.querySelector('.ql lineheight');
var lineheightButtonLabel=document.getElementsByClassName('ql-picker-label')[0]
lineheightButtonLabel.innerHTML=“line height”+lineheightButtonLabel.innerHTML
var lineheightItems=document.getElementsByClassName('ql-picker-item'))
对于(变量i=0;i
ngAfterViewInit() {
var lineheightToolbarButton = document.querySelector('.ql-lineheight');
var lineheightButtonLabel = document.getElementsByClassName('ql-picker-label')[0]
lineheightButtonLabel.innerHTML = "line height"+lineheightButtonLabel.innerHTML
var lineheightItems = document.getElementsByClassName('ql-picker-item')
for (var i = 0; i < lineheightItems.length; i++) {
lineheightItems[i].innerHTML = lineheightItems[i].getAttribute('data-value')
}
}