Enable Firebug lite to edit HTML - firebug-lite

The little sister of Firebug is a standalone Javascript tool -> Firebug lite
Source
or hosted
https://getfirebug.com/firebug-lite.js
There are some options to set:
https://getfirebug.com/firebuglite#Options
so i included the js into my index.html and users without Firebug can now inspect my page.
But how do we edit the html with firebug lite?

There is not yet an option to edit html in firebug lite. Unfortunately.

Related

Custom UI Amazon Lex Bot

I'm developing a Bot to integrate in website using Amazon Lex, I have downloaded the source code of github /aws-samples/aws-lex-web-ui but nowhere can I change the UI to adapt it to the design of the website.
Any suggestion to achieve this?
From the documentation
The sample pages available from the test server include index.html and parent.html which demonstrate how to load the chatbot UI component as a full page or as an iframe respectively.
Referenced pages: index.html parent.html
You can include a file custom-chatbot-style.css from "aws-lex-web-ui/dist", download it, add it to your page or project and make changes.
This way you can change the style of the current component.
Refer this link:- https://catalog.us-east-1.prod.workshops.aws/workshops/20c56f9e-9c0a-4174-a661-9f40d9f063ac/en-US/web/theming
you can find custom-chatbot-style.css here
https://github.com/aws-samples/aws-lex-web-ui/blob/master/dist/custom-chatbot-style.css

Django live preview without reloading the page

I am looking for live preview solution for Django project so as soon as I do change in the css or java-script files I would see these changes without reloading the page in the browser. My page is html page but it has django tags.
I tried the following solutions:
Atom - livereload plugin.
django-livereload 1.7
grunt
and others.
the Problem with these solutions that as soon I save my page after changes it will reload the whole page to see the changes.
Is there any solution for Django would preview changes without reloading the page and just will preview the changes.
I am using django development server to run djange website.
I am not looking for inline editor. I am looking for IDE that support live preview for django without reloading the page.

How to Embed a Google Doc Chart in Joomla

How do I embed a Google Docs chart in a Joomla 2.5 custom HTML module? When I publish a chart and receive the "script" I paste it into a module and then the editor seems to strip the code out. I have tried 4 different editors and also "no editor" and it still modifies the script. Can someone help?
Google Docs offers an undocumented feature that lets you embed PDF files and PowerPoint presentations in a web page. The files don't have to be uploaded to Google Docs, but they need to be available online.
Here's the code I used to embed the PDF file:
<iframe src="http://docs.google.com/gview?url=http://www.uom.mx/programas/Kinam%20programa.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe>
but you should replace the bold URL with your own address. As I mentioned, the document viewer works for PDF and PPT files.

Template Editor Script

Is it possible to find any open source template editors.. i wanted my site users to edit the contents of module as well as css. Once they click the edit, it should open a specific module or file name.. so the users can change the css and content and then click ok. Then after refresh the change in css and content should be reflected..
I am looking for something similar to the one in Wordpress Admin panel..where you can edit different files like header.php, style.css etc..
Any available scripts or demos or plugins or examples would be very helpful, as i can customize them to my needs
You can use html editor like fckeditor or tinymce and on server side save as php file and css file.
I on my site use JQuery rte editor and JSON RPC (Ajax -> PHP).
Finally i figured out the answer.. Some of them are
Bespin,
Ecoder
Ymacs
codemirror
emacs
they allow you to embed in your site.. and allow the users to edit the template of pages.

Is firebug lite javascript must need in Sitecore shell?

Is Firebug lite must needed in Sitecore shell? What is the use of this for content authors?
http://alexeyrusakov.com/sitecoreblog/CommentView,guid,6704bf3d-8980-4f29-9ac2-125cff64bb80.aspx
You can safely remove the firebuglite script from the shell.
To do so, open the Core database and navigate to
/sitecore/layout/Devices/Internet Explorer
and delete the Firebug Lite item.
Firebug lite is included automatically with the Sitecore editor. Simply press F12 to bring it up within the context of the window you are working in.
It really has no benefit for the content author. As Adam said, it's main benefit is for developers working on changes to the shell.
Firebug lite can be run from a bookmarklet, rather than having it load on each page.
http://getfirebug.com/firebuglite
As it's a javascript debugger, you'll only need it if you're editing js in the shell - eg SheerUI apps, custom fields etc.