在编辑页面时在wagtail中修改预览按钮中的URL

在编辑页面时，在Wagtail中修改预览按钮中的URL，可以通过自定义Wagtail的模板和视图来实现。

首先，需要创建一个自定义的模板，用于替换Wagtail默认的编辑页面模板。可以在项目的templates目录下创建一个名为page_editor.html的文件，并将以下内容添加到文件中：

{% extends "wagtailadmin/pages/create.html" %}

{% block extra_js %}
{{ block.super }}
<script>
    // 修改预览按钮的URL
    $(function() {
        var previewButton = $('.action-preview');
        var previewUrl = previewButton.attr('href');
        var newPreviewUrl = previewUrl.replace('/preview/', '/custom-preview/');
        previewButton.attr('href', newPreviewUrl);
    });
</script>
{% endblock %}

在上述模板中，我们使用了jQuery来修改预览按钮的URL。将/preview/替换为/custom-preview/，这样就可以将预览按钮的URL定制为我们想要的地址。

接下来，需要创建一个自定义的视图，用于处理修改后的预览URL。可以在项目的views.py文件中添加以下代码：

from wagtail.admin.views.pages import PreviewOnEditView

class CustomPreviewOnEditView(PreviewOnEditView):
    def get_preview_url(self, page):
        # 自定义预览URL的生成逻辑
        return '/custom-preview/' + page.slug

在上述代码中，我们继承了Wagtail默认的PreviewOnEditView视图，并重写了get_preview_url方法，用于生成自定义的预览URL。这里我们简单地将/custom-preview/与页面的slug拼接起来作为预览URL。

最后，需要将自定义的视图注册到Wagtail的URL配置中。可以在项目的urls.py文件中添加以下代码：

from django.urls import re_path
from .views import CustomPreviewOnEditView

urlpatterns = [
    # 其他URL配置...
    re_path(r'^custom-preview/(\d+)/$', CustomPreviewOnEditView.as_view(), name='custom_preview'),
]

在上述代码中，我们将/custom-preview/后面的数字作为页面的ID传递给自定义的视图。

完成以上步骤后，编辑页面时的预览按钮的URL就会被修改为自定义的URL。需要注意的是，以上代码只是提供了一个示例，实际情况中可能需要根据具体需求进行适当的修改。

推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云对象存储（COS）、腾讯云数据库（TencentDB）等。具体产品介绍和更多信息，请参考腾讯云官方网站：腾讯云。