TinyMCE 에디터 적용하기

TinyMCE 홈페이지 > Quick start

https://www.tiny.cloud/docs/quick-start/

샘플코드

<textarea id="note" class="note">내용을 입력하세요</textarea>
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
tinymce.init({
     selector: '#note',
     plugins: 'print preview powerpaste casechange importcss tinydrive searchreplace autolink autosave save directionality advcode visualblocks visualchars fullscreen image link media mediaembed template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists checklist wordcount tinymcespellchecker a11ychecker imagetools textpattern noneditable help formatpainter permanentpen pageembed charmap tinycomments mentions quickbars linkchecker emoticons advtable',
     menu: {
         tc: {
             title: 'TinyComments',
             items: 'addcomment showcomments deleteallconversations'
         }
     },
     menubar: 'file edit view insert format tools table tc help',
     toolbar: 'undo redo | bold italic underline strikethrough | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent |  numlist bullist checklist | forecolor backcolor casechange permanentpen formatpainter removeformat | pagebreak | charmap emoticons | fullscreen  preview save print | insertfile image media pageembed template link anchor codesample | showcomments addcomment',
     autosave_ask_before_unload: true,
     toolbar_mode: 'floating',
     tinycomments_mode: 'embedded',
     tinycomments_author: 'Author name',
     height: '100%'
 });
</script>

API Key

API 키는 My Account에서 가입후 발급이 가능
발급후 도메인을 등록하고 no-api-key 부분을 교체해서 사용이 가능

페이팔 샌드박스(Paypal Sandbox) 테스트계정 사용방법

페이팔(paypal) 연동시 테스트를 위해서 샌드박스(Sandbox) 라는 서비스를 제공합니다.
가상계정을 생성시켜서, 실제 연동이 잘 되는지 확인할 수 있죠.

먼저 https://developer.paypal.com/ 이동합니다.



페이팔 샌드박스 계정이 없다면(페이팔 계정이 아닙니다.) Sign Up Now 를 클릭해서 가입합니다.
특별히 어려운 항목은 없습니다.

가입 후 왼쪽 상단 로그인(Member Log In)에서 계정에 로그인을 합니다.



테스트를 위해서 눈여겨 볼 항목은 아래와 같습니다.
Test Accounts
– Create a preconfigured buyer or seller account.
(미리 설정된 구매자 또는 판매자 계정을 만든다) 정도겠군요..

클릭해서 생성페이지로 이동합니다.



먼저 구매자 계정을 만들어보죠. 상품을 구매하는 사람입니다.

1. Country : 기본값(변경해도 테스트 진행에 영향을 주지 않을 듯)
2. Account Type : Buyer 선택
3. Login Email : 아무거나 입력해도 된다. 오직 샌드박스 안에서만 사용되는 계정이기 때문이다
4. Password : 최소 8자입력
5. Add Credit Card : Visa 선택. 상황에 따라 선택한다
6. Account Balance : 계정에 잔액을 입력한다.(0~9999) 구매자니깐 적당히 잔액을 입력해 준다
7. Note : 메모를 적어둔다

Create Account 버튼을 누르면
테스트 계정이 생성된다

같은 방법으로 이번에 판매자 계정을 만든다.
Account Type : Seller



1. Enter Sandbox Test Site : 테스트 사이트에 접속한다. Paypal(Sandbox)에서 테스트 계정으로 로그인이 가능하다.
2. Delete : 계정을 삭제한다. 맘에 안들면 삭제하자~
3. Personal / Business : 구매자 / 판매자계정
4. Reset : 비밀번호 변경가능

이렇게 구매자, 판매자 테스트 계정을 만드는데 성공했다.
각각 라디오 버튼으로 계정을 선택한 뒤 Enter Sandbox Test Site 버튼을 눌러 계정에 접속하면
Paypal로 접속한 화면이 나온다.
실제 거래만 안될뿐 Paypal 과 똑같은 결제가 가능하다.



주의해서 보아야 할 점이,
테스트 계정인 Sandbox인 경우 상단 로고에도 Sandbox 라고 나오며
Test Site 라는 문구가 상단, 하단에 보인다는 점이다.