how to include advanced text edit tool [closed] - html

Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
just a quick question, is there a way I can embed adevance text edit tool like the above picture shows in the html or php page? your help will be greatly appreciated!

What you're looking for is generally known as a What You See Is What You Get editor or WYSIWYG.
There are a number of options on the market, all I know of are in JavaScript.
For my projects I use CKEditor personally, greatly due to the integration of CKFinder for file uploads. CKEditor is easy to integrate and get running quickly in a number of environments. Their developer and user docs are also quite good.
However a nice and simple to use in-line HTML5 editor is Aloha Editor. My preference however is to CKEditor greatly due to the fact it is easier in my opinion than Aloha and it has many more options.
Simply look for "web based WYSIWYG editor" in Google and you will find a whole heap more to choose from!
I hope this helps.
EDIT: I forgot to mention something, CKEditor is Open Source making it fantastic if you need "deeper" integration into your own code. I'm not sure about Aloha however. With this I have integrated our own permissions system into CKEditor allowing per-user permissions to functions rather than having to write a selection of more rigid configuration files or having to write 1 configuration file per user.

I often used tinyMCE.
Base usage is very simple... check it out!

Related

Web Design Process: Minifying? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 8 years ago.
Improve this question
How does minifying codes come into place in terms of web designing?
I understand the importance of minifying in order to reduce load speed. I write my html and css codes with indentation. How I'm doing it right now is that on my local computer, I have my original codes. Then when I'm ready to upload it to a live site, I will minify it and copy/paste the code there.
So now I have 2 version of the website: original & minified.
Is this the correct way to do it, or should I write my code in the "minified" form? It'd be pretty much a mess and impossible to code if I wrote in the minified form.
Please tell me how you guys are doing it!
Write your code in a clear, maintainable way. So, keep indenting, etc.
Minify your code when you deploy it. You are doing it by running a tool yourself. Many people do it as part of their build/deploy process. So you might have one command that minifies all your assets and deploys them to your server.
But if you don't have a build/deploy tool right now, then the way you're doing it is probably the way to go. Put "learning about build tools and adopting one" on your to-do/self-improvement list. You'll be glad you did.
minifying is not a part of you web design process. you need to write your code nice and pretty. then use a tool to minify your css and javascript, probably as a part of your build process.
I´m using http://gulpjs.com/ and some of its packages. It can watch my readable css (or less) and pipes it each time I save automatically through some methods like minify or prefixing (automatically adds browser specific css for older browsers which don´t support css3)
maybe check this tutorial if you want to dig deeper http://www.sitepoint.com/introduction-gulp-js/

Css and html productive tools [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
I am beginning to learn css and html programming,
I am currently using notepad to do it,
Which IDE Tools provides automatic attributes listings to help code css and make css and html development more productive,
thanks,
You can use Aptana Studio 3, it's free too..
Core Features :
HTML, CSS, and JavaScript Code Assist
Deployment Wizard
Integrated Debugger
Git Integration
Built-in Terminal
IDE Customization
Microsoft Visual Studio Express includes intellisense which is very useful when starting to learn HTML/CSS. It's also free to download.
I think if you're just beginning, you shouldn't be using an IDE. You'll rely on it too much and won't actually learn... then you'll never be able to do anything without the IDE.
That being said, I use Notepad++. The only feature I rely on is word complete since it auto completes every word, I don't accidentally mistype any variable names or anything. It also speeds up typing a lot since I usually only have to type out the first few characters of each word.
Last time I worked on a large project with someone else, we used Netbeans. It worked out pretty well for HTML, CSS, and PHP. Had version control built in, too.
I still default to Notepad++, though, because it's fast and simple. My point is, focus on learning and not the tools you're learning with. Once you are good enough at it, you can get tools to make development faster, but don't use them when you're beginning.
I love dreamweaver for html css stuff. Other languages text mate is my favorite.

Can I use a wonderfl effect in my project? [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 10 years ago.
Improve this question
Wonderfl is a library of flash effects. Their system is entirely built upon the concept that any code can be viewed and edited in a browser, and any code can be 'forked' and modified further. Since the entire system is so 'open-source' (see their legal page), can I use one of these effects in my projects? even for commercial usage such as a web app or website?
I'm not a lawyer, but the way I understand sections 5 and 6 of the Terms of Use page, anyone singing up with Wonderfl pretty much lets go of all copyrights for anything he/she submits to the site. I would think that's a go-ahead.
edit:
Having read their licensing FAQ as well: It's your responsibility to find out the licensing terms for any of the code you want to use. Moreover, if you fork the code, you automatically accept the same license terms for your own forked piece of code. Each piece of code might be distributed under a different license, so you should always make sure. If you can contact the author directly, it might be a good idea to just ask.
P.S. Just in case there is any misunderstanding: Wonderfl is not just a library of effects. It is a community site much like this one, where ActionScript programmers may create programs, show and distribute them to others and ask for advice. This has other implications if, for example, you want advice on a project you are working on for your company - you should always be very certain you are actually allowed to share any code you post on the internet.
I suggest you read their FAQ on licensing: http://wonderfl.net/help#help_license

Is there a good, free WYSIWYG editor for creating HTML using a Django template? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I'm interested to get a free, WYSIWYG HTML editor that is compatible with Django template. Any ideas?
Thanks LainMH.
But I afraid fckeditor is used in web app, for the purpose of editing
HTML. What I want is an editor that allows me to write HTML that is
Django compatible.
Hope this clarifies the issue.
http://www.fckeditor.net/ ?
EDIT: Just found this: http://blog.newt.cz/blog/integration-fckeditor-django/
vim has syntax highlighting for Django template tags, works for me ^_^
I don't think any of the HTML based editors will work with the django templates, but rather the editable content areas within templates.
The process for creating / editing Django templates is really to create a standard HTML page first (with CSS & images etc), then make that into a base template. Then you create other templates that extend the base one.
The type or program typically used for editing the templates would be an IDE, although I prefer the lighter weight Textmate bundle for editing the templates (and Django python code). If you have an IDE, just google for a Python pluggin for Django.
What will probably help most is having the Django templates page open, or using a Django cheetsheet.
According to brief Googling (no personal experience with this), Aptana now supports Python development via Pydev. Pydev again can be configured to work with Django.
Thus I would expect Aptana to be usable with Django templates aswell, though I have no complete guide these links should be helpful :
http://www.aptana.com/python
http://pydev.blogspot.com/2006/09/configuring-pydev-to-work-with-django.html
Hope this helps.

What's the easiest way to convert Wiki markup to HTML? [closed]

Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 2 years ago.
Improve this question
I'm building a website that requires very basic markup capabilities. I can't use any 3rd party plugins, so I just need a simple way to convert markup to HTML. I might have a total of 3 tags that I'll allow.
What is the best way to convert ==Heading== to <h2>Heading</h2>, or --bold-- to <b>bold</b>? Can this be done simply with Regex, or does somebody have a simple function?
I'm writing this in C#, but examples from other languages would probably work.
It's not really a simple problem, because if you're going to display things back to the user, you'll need to also sanitise the input to ensure you don't create any cross site scripting vulnerabilities.
That said, you could probably do something pretty simple as you describe most easily with a regular expression replacement.
For example
replace the pattern ==([^=]*)== with <h2>\1</h2>
This really depends on the Wiki syntax you're using as there are several different ones. Obviously the wiki software has this functionality somewhere; if you can't find a software package that does this for you, you could start looking for the relevant code in your wiki software.
Maybe this is what you need.
This page is a compilation of links, descriptions, and status reports of the various alternative MediaWiki parsers — that is, programs and projects, other than MediaWiki itself, which are able or intended to translate MediaWiki's text markup syntax into something else.