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

富文本调整

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