The right editor for PHP. Best PHP Editors Free IDE – NetBeans

Golovna / 2 Cool Readers

Hello, new readers of the blog site. Already for a long time I wanted to write about a miracle-free editor (sending it to the official site, so you can grab the rest of the version from the subtitled Russian movie).

It's already one of the most popular programs for editing Html, CSS and PHP code. Now I wonder: “how did I manage without it before, realizing its potential for the help of other programs?”.

At the same time, a couple of browsers are launched on my computer at once, even a simple, cost-free and efficient FTP manager FileZilla and the editor itself, the possibility of which is simply invisible with a notepad, which is victorious in Windows for locking. All right.

Downloading and editing features of Notepad ++

Installing programs in Windows is done in a very special way. So for the bag you can download Notepad++ Portable what do you imagine portable version any editor that does not require an installed operating system.

The portable version can be taken from the original one, in order to unpack the archives with the program in a handy place and run the notepad.exe file.

Usі plusi editor Notepad ++

Really, when Windows starts, the notepad looks like our hero just like the sky and the earth. There is practically nothing for a classic notebook, but it is possible to look back at the creation of the simplest text files (it looks like a digging chick, vicoristized by people at the early stages of development).

Having started using Notepad with two pluses, if you want to edit Html and CSS files, you will immediately spend the stone in the cab of a modern earth-moving machine. Well, obviously, and other alternative programs and navit, but for a beginner “notebook from two pluses” will be the same (IMHO).

So, obviously, the beginning of yoga can be done by the cunning and unconventional. A little more than just an ear of acquaintance, and then you will be able to manage without it, like, for example, a rich computer computer does not imagine your life (there is a “classic” of its kind).

If you compare Notepad ++ with collapsible programs, which are recognized for ease of writing and editing different codes, such as Dreamweaver, for example, then here there are few arguments for the recognition of our hero himself:

  1. First, wine is absolutely cost-free, and therefore you can save, vicorist, and replace the same Dreamweaver, so do not take to respect the evil versions of paid programs (as a whole they can be a breeding ground for trojans and other viruses).
  2. In a different way, Notepad is richer easy and soft, lower than a lot of paid editors. In addition, it is possible to use yoga without installing yoga into the Windows operating system (so called the portable version - portable) and wear yoga, let's say. As a result, you will always find a handy, functional and well-informed tool for working with Html, PHP and dozens of other different codes.

Why should the warto editor himself be vanquished?

Let's briefly go through yoga possibilities and features, and then we'll try to look at the report. Also, Notepad++ along with this:

  1. Consider dozens of the most popular programming languages ​​and layouts, for example, such as: Ada, Assembler, C, C#, C++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Ruby, SQL, xml.
  2. For all of them Syntax matching, breaking the code into rows and blocks, yakі you can burn the pressure on the minus and flare up, pressing on the plus. And you can also use a dotted line to show links between elements. For example, I took a snippet of PHP code to demonstrate the power of this editor:

    If you click on the mouse on the tag, which opens the Html curve, then it will be seen with a blue background and immediately it will be visible and close the tag, as such. It miraculously helps to know the uncritical elements.

  3. For a new one, just zdіysniti change coding, for example, on popularity, about how I rozpovidav in the article, dedicated to the fight against krakozyabry in the coding of the Russian language (div. її for the blessings).

  4. In one week, the program will be able to edit the links of all files, the links of Notepad ++ for editing tabs it’s quiet on kshtalt, until some vie have already caught a call from modern browsers.

    The color of the floppy disk on the skin insert shows what was saved and the rest of the changes for the help of a similar floppy disk on the instrument panel. On the active depositor, there is a red floppy disk (and on the inactive one - violet) to talk about your forgetfulness.

  5. For the help of which editor you can lead poshuk(Ctrl+F) as in the text in the new document, so for the whole set of text files that lie with the song dad. Mozhlivy poshuk іz zamіnoyu and z vokoristannyam regular viraziv. Wonderful handy tool.

  6. In the settings of this editor, you can enable automatic tag writing that closes Html when typing, as well as the option of auto-complete tags.
  7. Notepad++ does not only keep a history of all your changes and allows you to step back in time, or turn forward, and then save backup copies of these documents for an example of how to work Microsoft Word.
  8. The editor can manage hot keys, for which the new one is set anonymous - from the top menu "Options" - "Hot keys". Moreover, when you click under the mouse on the combination, what to click on you, you can open the window for reassigning keys, so you can manually tim, who on Notepad switches from another editor.

  9. Notepad for the fates of your foundation having acquired a mass of plugins, which will be installed behind it for locking, and others will be available to you from the top menu "Plugins" - "Plagin Manager" - "Show Plugin Manager".

    To install it, it will be enough for you to check the box next to the required plug-in and press the “Install” button on the first tab.


    Once the editor changes, the new plugin will be available in the single-menu tab:

  10. Another “Swiss nizh” connects to your site with FTP, writes and edits macros, checks spelling on the fly, checks two files at the correct directions and a lot of other things.

What else can you need in Notepad ++

  1. It’s easy to change the syntax in Notepad ++, for example, to reverse, close all Html tags in the code, and for the visibility of the minimum information, you can also visually tell what is in the code you have pardon allowed here in order to change the color of the design code for each area.
  2. So, through those that the code is seen in color, and the original text of my articles is left in black, my permanent proofreader of grammatical pardons (beloved squad) can manually recheck the grammar itself in the new. Well, obviously, I’m vicarious and different, but not one of them is still able to change the punctuation, that and the meaning of pardon the same.
  3. Still, in this text editor, it is better to be able to parse the same block code for the additional help of switching the arc ( ) (). If the cursor of the mouse is found between some kind of arches, then the stench will light up, you will not see the cob and the end of the Html block or PHP code.
  4. Okrimo vіdmіnnoї prіznіzії pіdsvіchuvannya sіd okrіmо vіdznachiti possiblії zrobiti croc back(Say the front dee). Moreover, a lot of work is not limited, so I can not be afraid to experiment with the code without the risk of irreparable consequences.

    Tapping in Notepad++ can be done with additional hot keys Ctrl + Z (Ctrl + Y - scroll forward, then tapping is broken), with additional options in the "Edit" menu, or with additional buttons near the curved arrows on the toolbar of the editor.

  5. Notepad++ will permanently check the window in the new document and at times change it, or else, for example, in another program, you will be shown a window with the proposition, close the tab with the document, or re-download the change version.
  6. As I already guessed earlier, a notebook with two pluses has a possibility improving syntax syntax(as well as a dozen of other words) for your taste, use it, but I don’t have the option of the same once, for the whole power of nalashtuvannya, taken for umovchannyam.

    But you don’t care about anything, since everything is even simpler - select the item "Options" - "Specific styles" from the top menu, as a result of which the window will appear, you can finely adjust the fonts and colors for the Html, PHP or -what other movie you need.

  7. Also Notepad++ has the ability to automatic completion words that are typed, which can be done manually, as you are not convinced that the correct Html operator, PHP or any other code is written. For whom, when typing, it is enough to press the next keys Ctrl-Proble and select the required option:

    If you want to auto-complete the code automatically, without using hot keys, then you will need to select from the top menu "Options" - "Setup" and on the tab "Reserve / Auto-complete" check the box "Enable for skin injection".

  8. With a devil’s lotion, as it’s possible for me to do it manually with any editor, it’s possible to drag shortcuts into documents right at the window of the program for their vodcrit (when it’s unlikely that you can call anyone) that possibility tug at the document itself, visions have a fragment of the code (with the left mouse button) at your place.
  9. When working with Notepad ++, you will be able to put markers, Yaki in the new are called notes, but the essence is not changed in any way. At the required row, you can put a marker on the left margin of the button clicks near the blue dot.

    To set a marker (note) in the editor, you can also use the Ctrl-F2 keys to move quickly, and to move between the markers put down in the document, it will be enough to press F2 or Shift-F2 in sequence to cut the notes at the back of the book.

  10. If you work in your editor with an Html file, you can marvel at How do you see your code in the browser? FireFox or IE by selecting the appropriate items in the Start menu. If you need another browser, then select the top item "Launch" and see the executable you need.

  11. Just like that ability to record macros, although less has ever been done, but the logic of their work is simple. You can start recording in the beginning by selecting "Macros" - "Start Recording" from the editor menu, and then inserting recorded macros in the required code space, selecting them from the editor menu or by quickly recognizing them as hot keys.

Coding that robot with files at the editor's window Notepad ++

  1. Specify that your code editor allows you to save and convert Html, PHP and other UTF-8 (without BOM) encoding. Menіtse more than once helped to fix the problem with Russian coding for an hour of work with different sites.

    If I want to change whether it was written on the site in Russian, then often otrimuvav as a result krakozyabry, the reason for such Windows-1251 coding, in which the original file was saved.

    After that, as the original file of transformations on UTF-8 encoding (no BOM), krakozyabri with success transformed into zvichayn Russian symbols Including. if you add the Cyrillic alphabet to the engine files, then for the correct display on the site you will either need to save it in the correct coding, otherwise we will rewrite it.

    Next to say, singsongly, a few words about the BOM itself. On the right, if you work with different text objects in Windows Notepad, then if you save it in UTF-8 encoding, you will add invisible characters (BOM), which can be recognized as a good practice for the file (for example, PHP can see a pardon).

  2. If you want to rozdrukuvat instead of the opened file, then on the other hand the code will look in the wrong way, so you will see it in the program. Ale selecting from the menu "Options" - "Settings" tab "Signet" you can change it and choose another option to match the code with color, allow you to change row numbers, headers and footers, etc. speech:

  3. Any text editor that has been tucked in also has the ability to open a lot of new documents every year, without being afraid to litter the panel of the operating system manager. In unison with current browsers, we see all new documents not in the new program, but at the new depositor already vіkna vіkna.

    Moreover, the tabs of various documents at the vіknі tsy notebook can be quite a rank to drag the bear, to curl it up.

    Well, if you close the tabs in advance (“Options” - “Install”), all tabs before closing Notepad ++ will be updated when the program is launched (I’ll start similarly to robotic browsers). You can curl inappropriately with a click or place them vertically.

  4. We will cover the primary operations with tabs, which editors will be able to see in one window in a row two copies of the same document. It may be necessary, as it is necessary, to carry out the work with the document in different parts of the world (here look at what to copy, and where to paste).

    To activate this mode, you will just need to right-click on the PHP editor tab and select “Duplicate this next week” from the context menu.

    It’s even more convenient for those who, having saved the changes in one of the copies of the document, to update the other (so you don’t get lost - you saved the changes in the same copy itself).

  5. So it suits me vbudovaniya poshuk for Html or PHP documents with the possibility of replacing(Deyakі actively vykorovuyut for tsgogo regular vyslovlyuvannya, but I do not know until my thirteenth). All the richness of the search in any text editor that has been inserted can be assessed simply by opening the “Search” menu item. Screenshot to marvel at the cob of the article.

Vzagali, tsey text editor is rather rich, having taken the core and the handy with the functionality of other add-ons, for which respect to the retailers of that team, who work for the new plugin, about the deuces from such infections and timeetsya.

Wiki of plugins in Notepad++

I’m guessing that to install a new plugin, you just have to choose from the top menu of the Plugin editor - “ plugin manager» - "Show Plugin Manager".

And in the window on the first tab (from the top menu) check the box next to the required plugin and click on the button Install.


Once the editor changes, the new plug-in will be available in a single-menu tab. Zagalom everything is simpler nowhere.

You may need some plugins for Notepad at the robot

    Even a lot of add-ons and handy lotions are given by the plugin "TextFX", which after installation will be available in the same item of the top menu of the editor. If you don't have such an item yet, then go to "Plugin" - "Plagin Manager" - "Show Plugin Manager", scroll down the list at the first tab and check the box next to TextFX Character.

    After this installation, the editor will be changed and a new TextFX item will appear in the menu without any sub-items that will disappear. For example, activation is shown on a small option that can make your life easier if you edit or write Html code:

    At some point, just as you enter into the text editor Notepad ++ tag that opens Html, instruct him to immediately show up the guy you close the tag. In reality, there is a strong saving in time and a significant reduction in the efficiency of a pardon through a non-critical tag. However, the lesser thing is fighting, and I її not vicorist. Ale tse anіtrohi is not good for її goodness.

    Lotion at "TextFX" to finish richly, then try this robot in practice yourself and choose what you yourself will be comfortable and beautiful.

    Well, and continuing the theme of the tabs at the editor, varto guess about the possibility pairing of two documents. You will need to install this plugin via the Plugin Manager:

    To activate the document matching mode in Notepad ++, you just need to select the “Additional” - “Compare” - “Compare” item from the top menu, or press Alt + D on the keyboard. As a result, the next notebook will have the tab active at the moment, and the tab will be sorted by order from it.

    To make it easier to understand two Html or PHP documents editor Notepad ++, show you the details in them. To switch to the original mode of working with documents, you need to select the items "Additions" - "Compare" - "Clear Results" from the top menu, or press Ctrl + Alt + D on the keyboard.

    Moreover, two documents in Notepad++ can be viewed both vertically and horizontally. To choose the most convenient way for you, click the right button after the place of their distribution and choose the right-hand turn (right-handed or left-handed).

    Until then, I mean, I’m basically using Notepad++ to edit Html or PHP files on your site, then you might be able to connect to something new via FTP directly from the text editor. True, I’m more like a robot with FileZilla to the soul, more so I’ve managed to find passwords from it.

    If you want to try the robot via FTP through Notepad, select the items “Plugins” - “NppFTP” - “Show NppFTP Window” from the top menu, as a result of which the right-handed FTP client window will be displayed.

    To set up an FTP connection, click on the end of the gear, select "Profile Setting" and enter your connection details. Away from the robot, little is noticed in the light of what I wrote in the article about FileZilla, as if alive.

  1. If you install the Customize Toolbar plugin for the help of the Plugin Manager, you can remove the ability to shuffle, delete or add new buttons on the toolbar tsієї programs.

  2. On the cob of the article, I guessed the Light Explorer, which adds the possibility of seeing the left column file manager. However, for the purpose of this, you can select Explorer, which you will find in the plugin manager.
  3. Vіdminny plugin WebEdit, which allows, by analogy with the Html editor of WordPress, to frame the text with the most requested tags of headings, lists, tables and others. You see the required fragment and click on one of the buttons on the Notepad++ toolbar.
  4. ImgTags - allows you to prescribe the horizontal and vertical dimensions (calculate them yourself, which is even cooler), prepare them with the ALT and SRC attributes (you will need to add the paths to the folder with pictures on your server).

Correction of spelling in Notepad++ for additional plugins

    For connection Russian language grammar proofreading the editor of Notepad ++ uses the Shell-Checker plugin (from the menu item "Plugins"), for some work it is necessary to import the Russian language dictionary from the left side, and when this spelling conversion plugin is activated, indicate the path on your computer to the dictionary file.

    Є nuances of installation. I'll need it take advantage Full installer, and then the file with the Russian dictionary aspell-ru-0.50-2-3.exe. Start the new installer, especially for the master, without changing the defaults (c: Program Files (x86) Aspel).

    Let's install the current package, so that in the DOS window you will have to type the letter "y" and press Enter on the keyboard (if you want, maybe it was only in me, because I already put GNU Aspell on the computer to the whole):

    Let's start the standard master of the installation of the Russian dictionary, de I'll start again without changing the smart way. Mustache.

    Now reconfigure Notepad ++ and either choose to show more items from the menu, or use the unreal combination CTRL + ALT + SHIFT + S on the keyboard. On your return, you will enter the path to the BIN directory from the Aspell folder:

    If you did not change the Russian dictionary when GNU Aspell was installed, then you will need to insert here:

    C:\Program Files (x86)\Aspell\bin\

    Well, otherwise it’s similar, fallow in your operating system. That's all, now see the text in which you want to change the spelling, and press CTRL + ALT + SHIFT + S (you can change the combination in hot keys - marvel more). To appear at once, de bude, the first pardon will be found:

    You can ignore, or choose the alternative replacement from the proposed options. At the bottom, you can change the translation of the language, so that you have installed a copy of the current GNU Aspell modules. From i all.

    DSpellCheck— it’s better solution for the front plug-in, because GNU Aspell and the Russian vocabulary can be spelled differently, but the spelling of the wines is already robbed, so it’s the same with all modern browsers. Go to plugin manager and install yoga.

    Immediately after the lock, the grammar recheck will be added (the checkmarks are shown on the screenshot), but if the module is connected only with the English language, then we will add it to the DSpellCheck setup and change it.

    Choose from the Aspell list (if you don't have any wines installed yet, then scroll up three steps to the article and grab the module together with the Russian mod package to install them in your OS), and down three steps down to the aspell-15.dll file. More trohi lower choose the language of the dictionary, which is connected, so you put a sprat, and press on Apply.

    Now all known pardons will be added with a red shaggy line (the color can be remembered in the settings), and when the mouse cursor is moved, an arrow will appear, by pressing on the yak you can choose the correct spelling of the given word, or you can add it to the dictionary.

Good luck to you! To fast zustrіches on the sides of the blog site

You can buti tsikavo

How to remove empty rows in Notepad ++ As in the list of the URL address, select the domain and clean it up, repeat for help Notepad++ (list for Disavow links is being prepared) How to search for files in Total Commander
FileZilla - free download and how to learn how to use Filezilla's popular FTP client
PhpMyAdmin - what is it, how can you zavantage, how to install, fix and twist
Artisteer - program for creating and editing templates for Joomla and WordPress themes
Punto switcher

A modern PHP editor is a program, as it is surrounded by less written and edited code. The functionality of such an editor can support the work with a lot of software language.

Їх іsnuіє znachna kіlkіst, avіdіkі nіmіnіnі іnno іnnієtі іnno іdіbrаt іnkrаchy php editor koristuvachа.

Komodo Edit

Your php code editor (and not only php) will become a handy tool, both for those who already know the written codes, and for those who only understand. Pratsyuє Vіn in the operating system Linux. It's a little more fateful that KE was one of the most powerful code editors on Linux. Komodo Editor is being developed overnight by Active State's partners and representatives of the partnership. Support the same scripts and movie programming:

✒ PHP;

✒ JAVASCRIPT;

✒ Perl

✒Python;

✒ Ruby;

It expands free of charge and is available for download by the archive from the official site. It is recommended until the remaining versions are updated, but judging by the reviews, the whole production of Komodo Edit is starting from 7 versions, which can be found in the archives and on special forums. Є russification, yaku need to be okremo zavantazhuvati. The Russifier is responsible for confirming the editor's version, for any spellings, it's important. The main features of the KE will be: matching, what to build, auto-completion of the code, mass expansion, simple creation of projects, parallel work with files of other projects, and not all of them. Even a good editor, which is recommended, but not for constant coronation, but for knowledge.

Sublime Text

The Danish editor is an analogue of TextMate in the multi-platform wiki. Supports the work on the upcoming OS: Windows, Linux, OS X. The license is paid, but it is also possible to use a free license. Authorities between paid and cost-free versions were not revealed, due to the fact that sometimes it is possible to get a license. The interface to achieve minimization, not navantage the eyes by zayvoi іnformatsієyu, but it will be accepted, navitat with the help of him a trival hour.

May a miraculous function, such as seen many times. The reason is also the creation of that insertion of snippets for hot keys. Vlasne, the hot keys themselves can be recognized as a be-yaku-dee. The remaining and most important advantage will be the presence of a great number of plugins, which allow you to attach the editor to your needs or sounds.

Let's try to reach a large number of new programs, but it's not obmezhena. Well, I know, plugins allow you to work with your needs. Syntax matching on height.

The editor is more pidide for those who are already aware of the code editing.

notepad++

Namely simple and love-free php editor. Їm koristuyutsya like mastiti programs, so і tі, hto іtlki osyagaє azi editing the code. It is also fast paced and does not require a lot of computer resources. Free access to Notepad ++ has brought its fruit: plug-ins fully complement the work of the editor, and now a small amount has been released to allow you to choose any necessary tool for work.

The standard support is 16 mov programming, which is to be stitched for full-time work. Among them: C, C++, HTML, PHP, TCL, Assembler, Java Script, ASCII and others. Vtim, tsya kіlkіst supplemented by plugins. The text matches the syntax of the selected movie. Significant advantage will be an hourly work with kіlkom documents. The bagatma was assigned to the coders, the function of "auto-completion of the word", to make it easier to guess the correct solution for the hour of writing the code.

Also, for the convenience of the work, there is the option of scaling the document, which allows you to scan the entire code, if I don’t, then I mean one part.

atom

One more bezkoshtovny html php editor, with the support of the impersonal mov Atom. Plid spіlnoї razrobki company GitHub and spіlnoti open source, as the project is developing more than one river. The editor already includes about seven dozen packages (plugins), which allow you to fine-tune the middle of editing even more subtly, without additional entanglements. Work with popular language programming on Linux, Windows and Mac platforms. May visual editor PHP code. Advantages:

✔ Search the file for letters and names;

✔ availability of a package for auto-saving;

✔ selection of a required package for the installation of that remote non-victorious, which is added to the swedcode of processes;

✔ automatically follow the exit of pack updates;

✔ create a large number of packages to create an individual code editor;

✔ auto-completion of words to the code by an order of magnitude thought out by rich editors.

Without a doubt, my new reader has stuck with the situation more than once, if the last web project is oriented not to the higher education of web programmers, but to the people "introduced" into the system, but exclusively to people, for which the most important aspect is, insanely, simplicity and practicality, but the most important thing extremely associative is that beauty.

Recently, I had a chance to develop a project for the organization of writers in Ukraine, in a way, crazy, programmers "very rich", and it was necessary to find a solution to simplify the system interface, especially the writing of articles, and the other site, to be edited.

I tried impersonal systems of visual editing, and madly about the skin of them, I had a lot of anger: it’s good, it’s bad.

Within the framework of this project, I tried three systems of visual editing, like, madly, respectfully, and will be looked at in my article. Other programs: TinyMCE, WYM Editor, HTMLArea.

Well, it’s impossible to put programs in one row, if you want to recognize them for their functionality. It would have been worthwhile to imitate the feasibility of the vbudovanogo editor Notepad and the commercial Microsoft Word. Age skin program is special and can be up to the singing class. Therefore, today we will talk about her.

Update about TinyMCE

Well, this program, in my opinion, occupies an honorable p'estal first place on the market of similar products, having the most functional interface, "portability", associativity, and with it - a good swidkistyu. But to say, it means not to say absolutely nothing, to that with superficial praise it is not possible to reveal all the advantages, among them: system diy), as well as the quality of the collection of old data. For example, you can easily copy text from a Word document, and with the right settings, the system will translate it in a similar or similar format, with a clear code that complies with the standards that the leading trendsetter WWW - W3C hangs. Ale, without a hitch, don’t get honey without alcohol, and in this way you have your own minuses. Among them, the failure on Opera browsers ends with 8.4, on which the system does not work. Well, of course, because of all the possibilities and multibrowserness, on the way out we have to transfer the volume of the outside code, and 1.9 MB itself, but I care that the expansion pays for itself.

Then, let's say, you have a single form.html document, which has a single form, with a TextArea field. How about yoga zrobiti WYSIWYG-type?

It's so simple, for which you need to turn on the main class TinyMCE, after which the prototype of the TinyMCE object, which is the main API-interface of the system, will automatically become available in the document, through which you can connect with the program, and її nalashtuvannya.

Let's take a look at the simplest example of the application of a program, on the application of a document with a form and a TextArea element:

Listing 1.1

First butt

Active TextArea element

In the simplest way, as a field for editing, we need an editor with a minimal set of standard text formatting functions, but no more. Such a pidhid can be included in the framework of the project of creating a chat, forum, guest book, etc. For more folding options, we have an additional set of functions and methods, we will talk about them at once.

Let's talk a little about the parameters, which in this case are passed to the class's initialization method - init().

We are passing as a parameter some hash, in which the value of the mode element is set to "textareas", and the value of the theme element is "simple". The `mode` element means the method of "replacing" standard text fields (textarea) with WYSIWYG. Vin can accept the values ​​"textareas", "exact" and "specify_textareas".

In the "textareas" tab, we instruct the editor to convert all elements of the TextArea to the elements that are being edited. In other cases, we manipulate the sing fields for editing, the identifiers of which need to be changed as the value of the elems element, through whom.

For its part, the "theme" element means nothing else, as a streamlined editor style and can take the following values: "simple" and "advanced".

In our case, if we use the "simple" type, we turn on and off the standard editor functions, and with this we can not especially change its functionality, as I already said - it is quite useful for small projects, as well as for those who need High shvidkіst z'ednannya.

Now let's take a look at the work of the editor under the hour of the "advanced" mode.

In my opinion, we may have a flexible editing interface, editing all the functions that are selected by the editor, as well as a few moments.

Well, let's say, they rozpochali the project of some kind of electronic journal or Internet-vision, in a way that is important, the possibility of creating articles from the side of the administration. If so, it’s safe to say that the interface of the program is to blame for the similar interface of the most victorious Word for us, and also the mother has enough functions to implement all the ideas of the editor to format the text of the article: where do you need to press it?", "Why don't you show it :.", "And where did the whole text go":

For a simple vindication of similar meals (although you can’t go anywhere with them:) we’ll change a few at a time, a streaming version of the editor and add more advanced functions:

  1. Automatically format the text that is inserted
  2. Dodamo formatting functions
  3. Replacing keruvannya panels
  4. Ask the editor's mov
  5. Dodamo spelling check

Well, let's discuss more precisely what we want to ask the editor:

  1. The formatting panel is known to the beast
  2. Panel will become daily
  3. Editor's language - Russian
  4. Formatting functions: bold, italic, underline, font, size, text style, color, fill.
  5. Structural formatting functions: table, layout, tabulation, translation
  6. Added functions: inserting an image, inserting, reviewing, inserting a hyperposition, functions "vodkatu" and "turning", well, sing-song, let's introduce another.

Well, the formalization of the task is, now let's see it, as we bring it into life.

For the autoformat function of the inserted call to the text, it is necessary to specify the hash list parameter - "paste_auto_cleanup_on_paste", which accepts as a boolean value (true || false), and invariably in the same format as the original text, transfers from the clipboard.

If this parameter is selected, then the following parameters should also be selected:

paste_convert_headers_to_strong: (true | false), paste_strip_class_attributes: "all", paste_remove_spans: (true | false), paste_remove_styles: (true | false)

Well, I won’t voice them, because you call them so associative. Well, with the insertion we have solved the problem, and now we need to solve the task we set earlier. Let's talk about the program panels at once, so it's important to do it when designing the visual image of the editor.

I use two types of panels, and myself: the toolbar (toolbar) and that panel will become (statusbar).

On the first panel there are functional buttons, as well as other tools for formatting and editing the text.

The skin from these panels can make its own camp (from the bottom or the beast), so that we have the ability to change the position in the editor. For which you can speed up the parameters:

Theme_advanced_toolbar_location: (top | bottom | none), theme_advanced_statusbar_location: top | bottom | none)

Whenever the value of the parameter is set to "none", the last position of the panel will be set, otherwise the panel will not display.

In addition, the toolbar can have such a parameter as a way to adjust, depending on the value of which and will be centered on the panel element. The theme_advanced_toolbar_location parameter is used for element centering, and you can set standard values: center, left, right (the center parameter is set behind the lock).

Otzhe, with the panels rozіbralis, but on them next add schos?

Aje for typing wines is just empty, with a minimum set of values, even if such an editor is not needed?

For placement, elements, or in other words - buttons, which are divided into categories, skins can have elements (not) divided by the sign of the distributor. For the abstraction of groups, the program uses the concept of buttons, and the group is set as the value of the theme_advanced_button (n + 1) parameter, de n-line number of the group, the set of elements is set, as before it is assigned.

If you want to type in, you can, especially don't worry, because behind the lock in the toolbar you can find the standard set of necessary functions for viewing, formatting and other, but it is only available in the "advanced" mode.

To set up a movie editor, it is only necessary to add the "language" parameter to the "ru" values.

Well, let's wonder what happened to me:

Listing 1.2.

TNT43 Visual Editor

Axis ce i all code. Vіn vіglyadає dosit cumbersome, but with a blast to do it is simple for reason.

Well, let's look at yoga anatomy. We'll send the most important parameters to you, but to yourself: the method of "replacing" text fields, the type of the editor's theme, the editor's mov, as well as the list of plugins that are connected. Before speech, about them. If you remembered the words, if you read them respectfully, then within the framework of this text, they didn’t guess at all.

Plugins - deyakі zvnіshnі modulesі, yakі nebhіdnі zdіysnennya quiet chi іnshih funktsіy program. Plugins are located in the `plugins` folder, the stars are connected to the program every week. To select plug-ins in the program, it is necessary to change the folder through a coma, like the parameters of the `plugins` element, after which add a button to the panel, to select them.

So, within the framework of the butt in listing 1.2, we tagged the inserterdate plugin, for which date the dateFormat and timeFormat parameter was set, so that the format for the hour and date should be entered, which is tagged appropriately. The stench is set as follows to the specifics of the function of the thymus markers.

Also, varto guess other functions, vikoristan in the butt:

  • paste_remove- if the mode is true, the editor filters all the data that came from the exchange buffer, and removes the spa containers.
  • paste_convert_headers_to_strong- if the mode is true, the editor changes all headers (h1, h2, h3, h4, h5, h6) of the clipboard on the element
  • paste_auto_cleanup_on_paste- filter for data from clipboard (zastosovuetsya before data from MS Word)

Axis, in my opinion, for a flashy look around the system, to stick. The protesters have not yet looked at doing a lot of methods in the API interface, without which it is often difficult to show the robot with the editor. Ale, I promise that we can look at them at the upcoming releases of MK.

Mayzhe kozhen koristuvach Іnternet if you ask about creating a good site, but far from everyone can spend an hour and a day to learn the basics of web programming and layout. But, for the most part, there is no need to develop folding programming elements, and you can create a beautiful and functional website with the help of a visual website editor or a WYSIWYG editor.

Similar programs, not respecting the apparent simplicity of victoria, are far from being amateur tools for development, but just the ability to work with a coristuvacha s be-yakim equal to the knowledge and help your specialty.

WYSIWYG is an abbreviation of the English words What You See Is What You Get, which translates as “what you bachish, you take away”. Tobto go about the middle of the expansion, in which the coristuvach of the world of his work can see the bright result of his zusil. Most often in Runet, the Russian analogue of the chosen abbreviation is victorious, and programs of this type are called visual editors. For the help of similar programs, you can create code with different programming languages ​​and layouts - HTML, CSS, PHP and others.

The most popular WYSIWYG HTML editor and other web extensions is Adobe Dreamveawer. It boasts a smart interface, a large number of available tools, support for current technologies and integration with other programs to the Creative Suite package. The great advantage of Adobe Dreamveawer is the presence of detailed professional documentation, as well as the absence of cost-free lessons on robots with the program, which can be found on the Internet. In addition, you can work with extension engines (CMS), such as Joomla, WordPress and Drupal. The current version is CS6.

Another popular visual editor is WYSIWYG Web Builder, which recently upgraded to version 9. This is a tougher solution, for the help of which you can create slick websites without the need for basic layout and web programming. The program allows you to create both simple business card sites and rich third-party resources with folding scripts and inserting interactive elements. The kit comes with a few different templates, and in the process of work you can add new ones. In the remaining version of WYSIWYG Web Builder, a line-based interface has appeared, adding new capabilities for working with CSS3 and more than a hundred other improvements.

Let's look at commercial solutions, and good open-source solutions. For example, the BlueGriffon bezkoshtovny visual editor, creations on the Gecko engine, on which the world-famous Mozilla Firefox browser is also used.

This is not the only solution for editing web pages and the creation of sites that comply with the rest of the Web standards. BlueGriffon is a multi-layer visual editor for HTML, PHP, CSS and other web extensions, which has an intuitively intelligent, intuitive interface, and edits in a new document look the same as in the Firefox browser.

WYSIWYG-editor is a real handy tool for editing web pages and creating full-fledged sites of various levels of complexity. With this help, you can create personal websites without the need for great technical knowledge.

© 2022 androidas.ru - All about Android