首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

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

代码语言:txt
复制
{% 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文件中添加以下代码:

代码语言:txt
复制
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文件中添加以下代码:

代码语言:txt
复制
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)等。具体产品介绍和更多信息,请参考腾讯云官方网站:腾讯云

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券