django - Wagtail Image template tags -

-

i'm using django-variant cms wagtail , trying build own templates it.

i can upload images rich text field in wagtail's cms shown:

enter image description here

in template's html, able call specific images uploaded in body can style specific images differently js. perhaps {{ body.image }}?

the html:

{% extends 'wagweb/base.html' %}  {% load rich_text static compress cache image_tags pageurl %}  {% block content %} <div class="box"> <article class ="content">          {{ self.body | richtext }} </article> </div>  {% endblock %}

i'm lost @ point, can't figure out how find pre-existing tag dictionary (if there any) or create 1 without messing views.py? or more straight-forward install markdown richtextfield , work there?

i'm tons more comfortable html , css, 1 solution write in html , use {{ media_url }} call specific images. seems unintelligent way use wagtail , django.

currently rich text editor doesn't support embedded images custom attributes (like css classes). doesn't provide html source editor richtext field.

however, if don't need have images inline rich text (but rather before or after text, include them in page model using inlinepanel pointing table uses parentalkey. then, in templates, loop through multiple images , apply specialized css classes. wagtail demo project uses method create image carousel. can find explanation on more general tactic of using parentalkey/inlinepanel here in editing api.


Comments

Post a Comment

Popular posts from this blog

windows - Single EXE to Install Python Standalone Executable for Easy Distribution -

-
i used pyinstaller create standalone exe file pyqt project. did not use single file option because exe created single file option takes long open. therefore, pyinstaller created dist folder contains bunch of files including program.exe file. create setup.exe file place contents of dist folder in program directory , create shortcut in start menu , on desktop. want super simple user. maybe setup.exe files when download program cnet. found inno-setup, looks promising. however, not know if there special considerations because program standalone program create python/pyqt program. thanks! have experience task? there program using task not know about? inno-setup or nsis easiest use. tell them files include , put them , create nice installer you. wrote short tutorial on experiences using innosetup might find helpful: http://www.blog.pythonlibrary.org/2008/08/27/packaging-wxpymail-for-distribution/ note tutorial based around wxpython app wrote, concepts same.
Read more

c# - Access objects in UserControl from MainWindow in WPF -

-
i have simple xaml, how can change text property of textblock in usercontrol1 mainwindow ? <window x:class="refactorxaml.mainwindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:refactorxaml="clr-namespace:refactorxaml" title="mainwindow" height="350" width="525"> <grid> <grid.rowdefinitions> <rowdefinition height="100"></rowdefinition> <rowdefinition height="100"></rowdefinition> </grid.rowdefinitions> <grid> <refactorxaml:usercontrol1></refactorxaml:usercontrol1> </grid> <grid grid.row="1"> <button>change text</button> </grid> </grid> </window> <usercon...
Read more

javascript - How to name a jQuery function to make a browser's back button work? -

-
i'm trying write function ajaxyfy web site, works perfect, except function button. that's have now: function loading() { if (typeof history.pushstate !== "undefined") { var historycount = 0; $('.menu-item, .logo').on('click','a',function(e){ e.preventdefault(); $(this).data('clicked', true); if ($(this).is('.logo a')) { var homepage = $(this).attr('href'); function1(homepage); history.pushstate(null, null, homepage); } else if ($(this).is('.projects a')) { var projects = $(this).attr('href'); function2(projects); history.pushstate(null, null, projects); } else { var pages = $(this).attr('href'); function3(pages); history.pushstate(null, null, pages); ...
Read more