Working on a PHP /html content management system and found Free RTE online which is a free rich text editor.
Have no idea how to integrate it into my own stuff.
There are sample codes with it alrite, but they are not very clear.
Anyone used it before or have any knowledge of integrating it???
RTE are usually very simple to embed. The process is to give an ID to your textarea and then initialize your RTE through Javascript calling for this textarea's ID. Javascript will transform this textarea into a fully-featured RTE on page load.
Usually well documented on RTE's examples and howtos. Which one are you using?
I haven't but i use http://www.ecardmax.com/index.php?step=Hoteditor which is in my opinion nice and easy to use, if it helps
What is an URL of that free editor you are talking about? Did you try for example FCKEditor? www.fckeditor.net
Thanks for your help guys,
I ended up going for FCKeditor which is now embedded and functioning.
It took a while to figure out how to link it into my own stuff tho, but the examples that came with it helped.
Turns out you just plant the editors directory tree into your primary working folder [or wherever] and edit the 'include' functions [php] to link the editor files to your own project files.
Heh and i found this website by accident like, thumbs up for stackoverflow!!!
Related
Selecting code snippet and hitting Tab button - one of the way to indent sections in the file.
In Emacs editor to achieve such a behaviour https://www.drupal.org/node/59868 these settings are done (keeping in mind Drupal CMS coding standards)
Was not able to achieve similar thing in Atom Editor https://atom.io/
Can anybody guide some way so that i can try doing this?
Thanks in advance!
Have you tried Auto complete plus? It seems to have a snippets sub-package.
I recently got hired as a web developer, and the project that I am overseeing has a formatting issue on one of the pages because one of the divs is out of whack. It is a fairly complex page with quite a bit of php, and from what I can gather, I am missing a </div> tag somewhere, and accordingly everything is messed up.
I am currently using notepad++, which is decent at lining up divs, meaning that if you click on the opening div tag, it will highlight purple and also highlight the closing one. But it seems as though if you have div tags that span several lines (hundreds) it won't work.
Has anyone else run into a similar situation? Is there a better editor I could be using that would do a better job of helping me with my div issue? Or do I have to go through and line up the divs 1 by 1? (there are like over 100). Please let me know!! Thanks
An alternate route I would like to suggest is running your page through a validator, such as the W3C service at http://validator.w3.org
HTML Validator is an addon for Firefox that can automatically run your pages through a local validator and notify you of any issues with an icon in the satus bar.
You want an editor that detects and highlights syntax errors in markup (as well as validity). There are many. I use Komodo Edit from ActiveState (www.activestate.com)
A cross platform solution is Eclipse (PDT). It comes with a nice and handy html editor. For quick file changes and hotfixes I use TextMate – but this is OS X only :(
Sometimes, when I have crazy X/HTML that I am trying to clean up/debug I put it into an XML editor and let it do some of the matching/formatting for me. My personal choice is Altova's XMLSpy. It is not free (hell, it's not even cheap), but I really like the power it has. You can download a free demo from their website and see if it helps you out.
Like what others have said, use a free editor like Eclipse. Open your HTML in Eclipse, then press CTRL+SHIFT+F and it will format and indent the code, just like what Notepad++ does.
Is this page already online in public area?
If yes, did you try to validate the HTML/XHTML with W3C validator http://validator.w3.org/, it might tell you the exact line where the closed DIV tag is missing.
UPDATE: you can also copy and paste code of the page deirectly into the validator and validate it: you go with your browser at the page, then you select "View Source" from the browser manu, than you copy & paste code into W3C validator.
You could try using a more "Powerful" editor such as Eclipse or Netbeans. I use Netbeans for most of my HTML / PHP development, and it does a good job of highlighting matching tags.
Vim + matchit plugin
I use http://users.rcn.com/creitzel/tidy.html#tidyui for fixing html.
I was wondering if I could get a web-based word processor just like the one here on stack overflow, that shows a view of what you are typing in.
The editor used on StackOverflow is a modified version of WMD: http://wmd-editor.com/
http://wmd-editor.com/examples/splitscreen
TinyMCE has a lot of the same functionality. I think SO wrote their own, though.
You could use TinyMCE and make a function that gets the content of the TinyMCE editor box and creates a preview below it on every keystroke :)
i downlaoded a tiny_mce folder and implemented it in my page. it's work fine, My problem is that all the textarea in my page looks like tiny mce , i want only one textarea looks like tiny mce and left of all in normal textarea . what will i do to do this???
Please replay urgently
Thanks in advance...........
If you are finding tinymce hard to use there is an alternative called ckeditor at www.ckeditor.com. It is easy to customise though the default design is terrible but easy to change.
maybe if you looked at the tiny_mce site and their exhaustive and helpful examples you would discover it's easily done via class attributes, if you so desire .. check here
im a pure backend programmer and i find it so difficult to position divs and add css styles.
what are your advices to make this as simple as possible for me?
use dreamweaver? what can it help me with exactly.
i have no idea how to add style to my prototype or handling positionings of divs and elements. some guides? tools? softwares? online scripts?
please all suggestions are welcome! guide me through...im all business logic and none design head.
eg. http://www.workey.se. how do you start with layout, design and all that stuff...
Depends exactly what you need to do, but learning the basics of css is pretty easy, mastering it is far more difficult of course. I'd suggest you just learn CSS and makes sure you get a decent browser add in like firebug so that you can see exactly what is going on. I'm not a fan of dreamweaver personally.
Dreamweaver is a good tool for initial design but I wouldn't recommend it for much more than that. Of course many people use it exclusively.
Why not try some CSS framework like the 960 grid? It can help with positioning elements on the page and leave you to worry about the specific implementation of your design like fonts and colors.
http://960.gs/
If you want simple page layouts something like YUI might help you. It has a large collection of pre-built code for you to use. Particularly the Grid Builder is great for creating multiple sections to populate within pages.
As for tools as long as it has decent syntax highlighting any text editor would be fine. Personally DreamWeaver tries too hard to 'help' and instead gets in the way but then I'm happier just with the raw mark-up.
I agree with some of the posts above, and empathize with the "pixel pushing" difficulties you might encounter when starting out.
I've been creating and recreating HTML layouts for about 5 years now, and after trying YUI, Google Blueprint, several css reset libraries, and my own home-brew layouts, I find YUI's grids, fonts, and resets are the most flexible and useful. Their templates are a little tricky, but only a little.
Here's my answer to a very similar question (in case people would rather not click through to see the answer...if this is spamming or against the rules, please let me know and I will remove the answer)
:
"
All of the above are excellent. Dreamweaver (imho) has the most complete set of features for designing pages (Adobe actually licensed some of the technology from TopStyle a while back to improve their feature set). And it has excellent validation built-in.
Another FREE tool (remember, Dreamweaver will cost you at least a few hundred unless you steal it) is Aptana IDE. It has most code completion options that Dreamweaver has, and similar validation tools.
Aptana and Firebug plugin for Firefox make a pretty good combination. In addition, there are Firebug extensions and other Firefox plugins that are tremendously useful:
Pixel Perfect: allows you to add a semi-transparent background image to line up elements on a page (shows up as extra tab within the Firebug plugin).
Code Burner: adds html & css reference tab to firebug.
ColorZilla (plain FireFOX extension): analyzes your colors and helps you manage them.
MeasureIt (plain FireFOX extension): Helps you measure distances between elements on a page when Firebug isn't enough.
WebDeveloper toolbar: does all sorts of nifty stuff, but I only use it to resize the browser to a specific window size (like 800x600).
"
you should use css templates (a list here)
or download an already made layout (everywhere on the net) and change bits with firebug to see what pleases you. (An example)
Edit : i am 'only code' too, i style my web UIs by hand. But there's a lot of addons for firefox that will greatly help you design your layout. (Here's a list)