提交 88d0b463 编写于 作者: KK's avatar KK

富文本调整

上级 6ec04ae4
......@@ -8,4 +8,14 @@
color: #777272;
font-size: 18px;
}
.rich-text-editor-info{
ol {
list-style: decimal;
}
ul{
list-style: inside;
}
}
}
\ No newline at end of file
<template>
<div class="app-mob-rich-text-editor" @click="open">
<div v-html="reValue"></div>
<div class="rich-text-editor-info" v-html="reValue"></div>
<ion-icon class="app-mob-rich-text-editor-icon" v-if="!reValue" name="options-outline" @click.stop="open"></ion-icon>
</div>
</template>
......
<template>
<div class="richtext">
<div class="richtext" >
<quill-editor
v-if="parmRead"
class="ql-editor quill-editor"
v-model="resloutValue"
ref="myQuillEditor"
:options="editorOption"
></quill-editor>
<ion-toolbar class="quill-editor-button">
<div v-html="resloutValue"></div>
<van-uploader v-show="false" :after-read="afterRead" ref="upload" />
<ion-button @click="onClickCancel" color="light">{{$t('app.button.cancel')}}</ion-button>
<ion-button @click="onClickOk">{{$t('app.button.confirm')}}</ion-button>
......@@ -59,6 +61,14 @@ export default class AppRichTextEditor extends Vue {
*/
@Prop() protected _viewparams!: string;
/**
* 参数是否准备完毕
*
* @type {string}
* @memberof AppRichTextEditor
*/
public parmRead = false;
/**
* 上传文件路径
*
......@@ -114,6 +124,7 @@ export default class AppRichTextEditor extends Vue {
this.uploadUrl = parm.uploadUrl?parm.uploadUrl:"";
this.export_params = parm.export_params?parm.export_params:{};
}
this.parmRead = true;
}
/**
......@@ -204,7 +215,6 @@ export default class AppRichTextEditor extends Vue {
}
file.url = _downloadUrl;
this.resloutValue = this.resloutValue + '<img src="' + file.url + '" alt="'+file.filename+'">';
console.log("结果",this.resloutValue);
}
}
</script>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册