Redactor: μˆ˜μ •κΈ° ν”ŒλŸ¬κ·ΈμΈ μ‚¬μš©μž μ •μ˜ ν—ˆμš©

에 λ§Œλ“  2018λ…„ 05μ›” 03일  Β·  13μ½”λ©˜νŠΈ  Β·  좜처: craftcms/redactor

μ΅œμ‹  λ²„μ „μ˜ Craft Redactor ν”ŒλŸ¬κ·ΈμΈμ€ λ²ˆλ“€λ‘œ μ œκ³΅λ˜λŠ” λͺ¨λ“  Redactor ν”ŒλŸ¬κ·ΈμΈκ³Ό ν•¨κ»˜ μ œκ³΅λ©λ‹ˆλ‹€.

κ·ΈλŸ¬λ‚˜ μ΄λŸ¬ν•œ ν”ŒλŸ¬κ·ΈμΈμ€ Redactor κ΅¬μ„±μ—μ„œ μ „λ‹¬λœ μ˜΅μ…˜μœΌλ‘œ μ‚¬μš©μž μ •μ˜ν•  수 μžˆλŠ” κΈ°λŠ₯을 μ œκ³΅ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, inlinestyles ν”ŒλŸ¬κ·ΈμΈμ€ 제곡된 μŠ€νƒ€μΌμ— κ³ μ •λ˜λ„λ‘ ν•©λ‹ˆλ‹€(μ œκ°€ λˆ„λ½λœ 경우 μ œμ™Έ).

Redactor ꡬ성 JSON νŒŒμΌμ—μ„œ μ˜΅μ…˜μ„ μ „λ‹¬ν•˜μ—¬ 이λ₯Ό μž¬μ •μ˜ν•  수 μžˆλ‹€λ©΄ 정말 쒋을 κ²ƒμž…λ‹ˆλ‹€.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

ν”ŒλŸ¬κ·ΈμΈμ„ ꡬ성할 수 μžˆλ„λ‘ ν•˜λŠ” 것은 Imperavi의 λͺ«μ΄λ―€λ‘œ 이 ν”Όλ“œλ°±μ„ κ·Έλ“€μ—κ²Œ μ „λ‹¬ν•˜κ² μŠ΅λ‹ˆλ‹€.

즉, λ²ˆλ“€ ν”ŒλŸ¬κ·ΈμΈ 쀑 ν•˜λ‚˜λ₯Ό λ³€κ²½ν•΄μ•Ό ν•˜λŠ” 경우 ν”ŒλŸ¬κ·ΈμΈμ„ config/redactor/plugins/ 폴더에 λ³΅μ‚¬ν•˜κ³  κ±°κΈ°μ—μ„œ λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€. ν”ŒλŸ¬κ·ΈμΈμ΄ ν•΄λ‹Ή λ””λ ‰ν† λ¦¬μ—μ„œ 발견되면 ν•΄λ‹Ή ν”ŒλŸ¬κ·ΈμΈμ΄ λ²ˆλ“€ 버전보닀 μš°μ„ ν•©λ‹ˆλ‹€.

λͺ¨λ“  13 λŒ“κΈ€

ν”ŒλŸ¬κ·ΈμΈμ„ ꡬ성할 수 μžˆλ„λ‘ ν•˜λŠ” 것은 Imperavi의 λͺ«μ΄λ―€λ‘œ 이 ν”Όλ“œλ°±μ„ κ·Έλ“€μ—κ²Œ μ „λ‹¬ν•˜κ² μŠ΅λ‹ˆλ‹€.

즉, λ²ˆλ“€ ν”ŒλŸ¬κ·ΈμΈ 쀑 ν•˜λ‚˜λ₯Ό λ³€κ²½ν•΄μ•Ό ν•˜λŠ” 경우 ν”ŒλŸ¬κ·ΈμΈμ„ config/redactor/plugins/ 폴더에 λ³΅μ‚¬ν•˜κ³  κ±°κΈ°μ—μ„œ λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€. ν”ŒλŸ¬κ·ΈμΈμ΄ ν•΄λ‹Ή λ””λ ‰ν† λ¦¬μ—μ„œ 발견되면 ν•΄λ‹Ή ν”ŒλŸ¬κ·ΈμΈμ΄ λ²ˆλ“€ 버전보닀 μš°μ„ ν•©λ‹ˆλ‹€.

μ•„ κ·Έλ ‡κ΅°μš”. config/redactor/plugins/ μ—μ„œ 볡사본을 λ§Œλ“€ 수 μžˆλ‹€λŠ” 것을 λͺ°λžμŠ΅λ‹ˆλ‹€. μ§€κΈˆμ€ μž‘λ™ν•©λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€!

@brandonkelly 저도 λͺ°λžλŠ”데 정말 쒋은 κΈ°λŠ₯μ΄λ„€μš”!
README νŒŒμΌμ— μ°Έμ‘°λ₯Ό μΆ”κ°€ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€...

@davist11 당신이 μΆ”κ΅¬ν•˜λŠ” λ°”λ₯Ό μ •ν™•νžˆ μˆ˜ν–‰ν•˜λŠ” Custom Styles ν”ŒλŸ¬κ·ΈμΈμ„ μž‘μ„±ν–ˆμŠ΅λ‹ˆλ‹€. 예제 JSON νŒŒμΌμ„ μ‚΄νŽ΄λ³΄μ‹­μ‹œμ˜€. https://github.com/carlcs/craft-redactorcustomstyles/blob/v3/_examples/redactor/Example.json

@carlcs ν”ŒλŸ¬κ·ΈμΈμ—μ„œλ„ 이와 λ™μΌν•œ 문제 κ°€ λ°œμƒν•©λ‹ˆλ‹€.

"button": {
    "args": {
        "tag": "a",
        "class": "button",
        "type": "toggle"
    }
}

2018-07-02 14_44_34

@davist11 예, λ³΅μ œν•  수 μžˆμŠ΅λ‹ˆλ‹€. μ„ νƒν•œ νƒœκ·Έμ— ν˜•μ‹μ„ μ μš©ν•˜λŠ” λŒ€μ‹  μƒˆ 액컀 νƒœκ·Έλ₯Ό μΆ”κ°€ν•©λ‹ˆλ‹€. μ•ˆνƒ€κΉκ²Œλ„ inline μ„œλΉ„μŠ€ κΈ°λŠ₯의 버그인 것 κ°™μ•„μ„œ μ œκ°€ ν•  수 μžˆλŠ” 일은 μ—†μŠ΅λ‹ˆλ‹€.

https://imperavi.com/redactor/docs/api-services/inline/

λ„€, 저도 ν”ŒλŸ¬κ·ΈμΈ νŒŒμΌμ„ 직접 λ³΅μ‚¬ν•΄μ„œ μˆ˜μ •ν•˜λ©΄μ„œ κ²ͺμ—ˆλ˜ μΌμž…λ‹ˆλ‹€.

μ—¬κΈ°μ—μ„œ μ°¨μž„λ²¨μ„ 울리고 @iMoses 의 λŒ“κΈ€μ„ 두 번째둜 보고 μ‹Άμ—ˆμŠ΅λ‹ˆλ‹€. config/redactor/plugins/ 폴더에 λŒ€ν•΄ μ•Œμ§€ λͺ»ν•œ 채 νŽΈμ§‘ κΈ°λŠ₯을 μΆ”κ°€ν•˜κΈ° μœ„ν•΄ 곡예 PHP ν”ŒλŸ¬κ·ΈμΈμ„ μ‘°ν•©ν•˜λŠ” 데 ν•˜λ£¨ 쀑 더 쒋은 μ‹œκ°„μ„ λ³΄λƒˆμŠ΅λ‹ˆλ‹€. 맀우 νŽΈλ¦¬ν•©λ‹ˆλ‹€! λ¬Έμ„œμ—μ„œ 이에 λŒ€ν•œ λΉ λ₯Έ 쀄이 @brandonkelly λ§Žμ€ μ‚¬λžŒλ“€μ˜ μ‹œκ°„μ„ μ ˆμ•½ν•  것이라고 ν™•μ‹ ν•©λ‹ˆλ‹€.

redactor js 파일둜 λΉ„μŠ·ν•œ 일을 ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

이미지에 λŒ€ν•œ CraftCMS의 μ›λž˜ ꡬ성을 μˆ˜μ •ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€.

vendor/craftcms/redactor/redactor.min.js μ—μ„œ 이 쀄을 μˆ˜μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

imagePosition: !1,
imageResizable: !1,

μ—κ²Œ

imagePosition: !0,
imageResizable: !0,

λ‚΄κ°€ μ›ν•˜λŠ” 것을 μ–»κΈ° μœ„ν•΄. κ·ΈλŸ¬λ‚˜ μ§€κΈˆμ€ μ—…λ°μ΄νŠΈλ₯Ό μ‹€ν–‰ν•  수 μ—†κΈ° λ•Œλ¬Έμ— 이것은 λΆ„λͺ…νžˆ 쒋은 생각이 μ•„λ‹™λ‹ˆλ‹€.

여기에 사본을 λ§Œλ“€λ €κ³  ν–ˆμŠ΅λ‹ˆλ‹€. config/redactor/redactor.min.js
κ·ΈλŸ¬λ‚˜ 그것은 νš¨κ³Όκ°€ μ—†μ—ˆμŠ΅λ‹ˆλ‹€. 이런 μ’…λ₯˜μ˜ 일을 ν•  μˆ˜μžˆλŠ” 멋진 μ‰¬μš΄ 방법도 μžˆμŠ΅λ‹ˆκΉŒ?

그렇지 μ•Šλ‹€λ©΄ κ°€μž₯ μ‰¬μš΄ 해결책은 무엇이라고 μƒκ°ν•˜μ‹­λ‹ˆκΉŒ?

Redactor κ΅¬μ„±μ—μ„œ κ΄€λ ¨ μ˜΅μ…˜μ„ μ„€μ •ν•˜λ €κ³  ν–ˆμŠ΅λ‹ˆκΉŒ?

@andris-sevcenko
κΈ€μŽ„, λ‚˜λŠ” μ§€κΈˆ λ³„λ‘œ λ˜‘λ˜‘ν•˜μ§€ μ•Šλ‹€κ³  λŠλ‚€λ‹€.
ν•˜μ§€λ§Œ 그것이 μ–Όλ§ˆλ‚˜ 어리석은 μΌμ΄μ—ˆλŠ”μ§€μ— λŒ€ν•΄μ„œλŠ” ν™•μ‹€νžˆ λ§Œμ‘±ν•©λ‹ˆλ‹€. 감사 ν•΄μš”!

@nickolasjadams ν•„μš”ν•œ 것을 μ–»μœΌμ…¨λ‹€λ‹ˆ λ‹€ν–‰μž…λ‹ˆλ‹€ :)

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰