How to display image here - django

Hi there, how can i display image here(its example place on the photo but it will be nice if i can put image here) from field Image but not after saving but live(when i paste url then display preview). I dont have any idea how to do that so the last thing is to write a question here.

Looks like you should use custom admin templates, then use JavaScript

Related

django html editor to add image in CharField form

I m using Django-wiki which use // markItUp! Universal MarkUp Engine, JQuery plugin in article form
But in Django-wiki form used for create or edit articles I don't see how to add an image like in stack overflow
So I would like to create a JS code to add image as in stack overflow.
My question is: how to create that code (is stack overflow code is open source?) and secondly ho can I save image in my Django App?
thanks for any link to help
You should try to add wiki.plugins.images.apps.ImagesConfig to your settings.INSTALLED_APPS in order to have access to a new panel where you will be able to upload images and insert them in the markdown like so :
[image:id align:right size:orig]

django wysiyg editor image control

Is there a django wysiyg editor I can control its image?
I want to set a default image size and use the image as a thumbnail as well.
all wysiyg contents are represent like {{content}} since in model it's set like
content=some Wysiyg field()
The one I want to do is {{content.image}} and play around with that image.
Is there any way I can do that? right now this is the one I'm using, but I'm willing to change to the one I can control image with.
try django-ckeditor, redactor it's more simple but redactor itself isn't free and i think ckeditor is more flexible in the configuration

Using Umbraco 7.2 grid view, how do I insert the grid view into my template?

I'd really like to use grid view to render my content on a simple text page. I've got a grid view with the alias "content" set up. What do I type in the template to get it to show up? #CurrentPage.content does not work. I realize it probably uses those partials that 7.2 came with but I've got no idea how to use them.
It may help to know my knowledge level on this. I'm very new at wiring up templates to doctypes. The only ways of pulling data from my content I actually know how to use so far are these:
Get some text by typing something like #CurrentPage.content
Get a picture by typing something like #Umbraco.Media(CurrentPage.Picture)
Official documentation for the GridView can be found on the community website. For posterity's sake here is the relevant part:
Render grid in template
To display the grid on a site use:
#CurrentPage.GetGridHtml("propertyAlias")
This will by default use the view /views/partials/grid/bootstrap3.cshtml you can also use the built-in bootstrap2.cshtml view by overloading the method:
#CurrentPage.GetGridHtml("propertyAlias", "bootstrap2")
or point it a custom view, which by default looks in /views/partials/grid/ - or provide the method with a full path
#CurrentPage.GetGridHtml("propertyAlias", "mycustomview")
#CurrentPage.GetGridHtml("propertyAlias", "/views/mycustomfile.cshtml")
If you're working with a strongly typed model simply replace #CurrentPage with #Model.Content, so:
#Model.Content.GetGridHtml("propertyAlias")
The answer was to insert this into the template:
#CurrentPage.GetGridHtml("propertyalias")
In my case, content would go in place of propertyalias.

Select the Image from Media folder in umbraco

im new to umbraco and doing the maintenance for this site which i come across.i want to select the image from my Media folder,my banner from image 1 to 5 works fine (which done by someone else) however i want to put the banner for image6 which doesn't not works fine.cant locate the image logo.i have the image(banner6) below.the id:7745 which i guess since i follow the id from the last image..
thanks in advance
You can't guess the image ID, you need to look it up in the Media section. When you hover with your mouse over the media-item in the media-tree, you can see the ID of the media in the lower left corner:
In this case the Id of the image is 6508 and this is the Id that should be used if you want to display images hardcoded
i have been able to solve my problems, since im using Umbraco V3, all i have to do is insert that image into one of the Content Page for testing from there i can get the ID for that image and then i write the code using that ID..it works fine.

how to display thumbnails in listview like explorer does?

could you please point c++ code example to display videos and images thumbnails in listview?
I can help with images, but not videos:
http://www.codeproject.com/KB/GDI-plus/GdiPThumbnailsViewer.aspx
Basically you use a normal list control and add the images to an associated image list. There are some gotchas though - looks like you have to use the CImageView::ReplaceImage instead of CImageView::AddImage, else the images don't appear correctly. Masking the image may also require some work.