CMS/Drupal-Module

Drupal::TinyMCE

onesixx 2013. 8. 16. 10:55
반응형

컨텐츠 편집 과정을 간소화 / 게시물에서 이미지와 비디오 통합

image

http://www.wdtutorials.com/2011/06/28/drupal-7-how-install-tinymce-and-imce

http://www.ostraining.com/blog/drupal/installing-tinymce-in-drupal-7/

Installing TinyMCE in Drupal 7

This tutorial will show you how to install the TinyMCE editor into Drupal 7.

 

TinyMCE은 Drupal이 아니므로 직접 설치하지 않고,  Wysiwyg을 통해서 설치하고

TinyMCE files 따로 업로드 한다.

 

1. Wysiwyg Module 설치

 http://drupal.org/project/Wysiwyg

 

tutuploadsmedia_1309108537169.png

 

image

 

 

2. Setting up the Wysiwyg module and TinyMCE

tutuploadsmedia_1309108753390.png

 

Configure

 

tutuploadsmedia_1309109033506.png

 

TinyMCE (Download)

image

 

Extract the archive and copy its contents

into a new folder in the following location:
sites/all/libraries/tinymce

tutuploadsmedia_1309109245045.png

So the actual library can be found at:
sites/all/libraries/tinymce/jscripts/tiny_mce/tiny_mce.js

image


  • image

 

3. Configuring TinyMCE

image

 

  • The Plain Text format :
  • 가장 간단한 에디터형식.
  • line feeds –> into <br> and <p>tags.
    URLs –> links.
  • 이것은 거의 댓글이나   로그인하지 않은 유저가 사용.
  • 사실 Wysiwyg 에티터를 사용할 이유도 없다.
  • The Full HTML format is at the other extreme. It’s intended for users who can enter practically any HTML (apart from Javascript which would be a security loophole and so is always disallowed). You’ll normally allow only administrators and other privileged, highly trusted users to use the Full HTML filter. You will probably want to turn on WYSIWYG editing for Full HTML.

 

 

  • In between these two is the Filtered HTML format. This has some restrictions on the HTML that can be entered. It’s intended for general users who have some degree of privilege on the site. You will probably want to turn on WYSIWYG editing for Filtered HTML, but because not all HTML is allowed this case is the one that requires the most care, for reasons we’ll return to shortly when we look at .

image

image

 

 

===============’

 

 

I recommend you set up your Plain Text format with only the following options checked:

Display any HTML as plain text
Convert line breaks into HTML (i.e. <br> and <p>)
Convert URLs into links

The Full HTML format requires just these options:

Convert Media tags to markup
Correct faulty and chopped off HTML

The Filtered HTML format can be set up with these options:

Limit allowed HTML tags

Convert URLs into links

Convert Media tags to markup

Correct faulty and chopped off HTML

In each case, ensure that these options appear in the order shown. There’s a facility to re-order them at the bottom of the format configuration form. For the Limit allowed HTML tags option, you can also specify which tags you will let your users enter. For most purposes, the following will be satisfactory:

<a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <br> <p>

There is no img tag in the list because the Media module uses its own special code to define images. This ensures that all images in your content have to have been uploaded to the site and this means that hot-linking is disallowed (some reasons why hot-linking is a bad idea) and you can control how images are displayed in terms of size.

 

 

 

Change the "Editor" settings to TinyMCE. and click "Save".

tutuploadsmedia_1309109692151.png

 

Click "Edit" next to one of the input formats.

tutuploadsmedia_1309109766508.png

 

Click the "Buttons and Plugins" tab and check the boxes next to the all options you'd like to use in the editor. Click "Save" to finish and repeat the process for the other input formats.

That's it - you're now done.

 

you can add pretty much any buttons you like for the Full HTML format, but for the Filtered HTML format only a few will be relevant.

 

For the list of tags I provided above, you only need the buttons labelled Bold, Italic, Bullet list, Numbered List, Undo, Redo, Link, Blockquote, Citation, Source Code and Media Browser.

Remember: do NOT enable the default image button, use the Media Browser one instead that appears at the end of the list.

 

 

image

 

chrome, Firefox에서 안나올때 (언어적용)

다운로드

image

 

 

 

image

 

image

 

image

 

 

 

 

image

 

 

 

사용하기

 

 

 

Go to "Add content" and you should now see the TinyMCE editor available whenever you write content:

tutuploadsmedia_1309109939354.png

 

 

 

http://figure-w.co.uk/category/articles/

반응형

'CMS > Drupal-Module' 카테고리의 다른 글

Drupal::Metatag  (0) 2013.06.11