富文本是绝大多数网站都不可避免的组成部分，管理员在管理后台中通过富文本编辑器实现文章的编辑。新生成的富文本，展示在网站中使整个网站内容更加丰富。

既然有富文本的编辑，那么关于富文本的展示自然也就成了不可缺少的对应功能。

本篇文章就来介绍在uni-app中如果使用uv-parse插件，如何实现禁止用户长按保存图片，以此来确保我们的权益。

一、样式模块引入uv-parse插件

<template>
	<view class="base_width">
		<uv-parse @imgtap="noSave"  :content="content"></uv-parse>
	</view>
</template>

二、js部分处理长按事件

<script setup lang="ts">
	import { ref } from 'vue';
	let content = ref('');
	const noSave = (e) => {
		uni.previewImage({
			urls: [e.src],
			longPressActions: {
				itemList: ['禁止保存'],
				success: function(data) {
				},
				fail: function(err) {
					console.log(err.errMsg);
				}
			}
		});
	}
</script>

longPressActions即长按图片显示操作菜单。默认状态下为保存相册。

但这显然与我们的需求理念冲突，那么我们是否可以通过自定义菜单来将默认的保存操作给替换掉呢。

答案显然可行，通过自定义菜单，且在success方法中不对点击的菜单进行下一步操作。即长按后只会有一个禁止保存菜单且点击后无任何功能。