Redactor: κ³ μ • 도ꡬ λͺ¨μŒμ΄ μž‘λ™ν•˜μ§€ μ•ŠμŒ

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

κ³ μ • 도ꡬ λͺ¨μŒμ΄ μž‘λ™ν•˜μ§€ μ•Šμ•„ μ„œμ‹μ„ μ μš©ν•˜κ±°λ‚˜ 이미지λ₯Ό μ‚½μž…ν•˜λŠ” λ“± νŽ˜μ΄μ§€λ₯Ό μœ„λ‘œ μŠ€ν¬λ‘€ν•΄μ•Ό ν•˜λŠ” λ§Žμ€ μ–‘μ˜ μ½˜ν…μΈ λ₯Ό κ΄€λ¦¬ν•˜λŠ” 것이 거의 λΆˆκ°€λŠ₯ν•©λ‹ˆλ‹€.

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

@brandonkelly μ € 와 @billythekid 와 같은 λ‹€λ₯Έ μ‚¬λžŒλ“€μ€ Craft 2μ—μ„œλ„ λ™μΌν•œ 문제λ₯Ό λ°œκ²¬ν–ˆμŠ΅λ‹ˆλ‹€.

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

여기에 μΆ”κ°€ν•˜λ €λ©΄ - Redactor ꡬ성 파일의 toolbarFixed 섀정이 μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 비둝 λ¬΄μž‘μœ„λ‘œ λ³΄μ΄λŠ” κ²ƒμ²˜λŸΌ 도ꡬ λͺ¨μŒ 쀑 ν•˜λ‚˜κ°€ 잠기고 νŽΈμ§‘ ν™”λ©΄ 헀더가 κ²ΉμΉ˜λŠ” 것을 ν™•μΈν–ˆμ§€λ§Œ(νŽΈμ§‘κΈ° ν•„λ“œ λ°–μœΌλ‘œ μŠ€ν¬λ‘€ν•˜λ”λΌλ„ κ·ΈλŒ€λ‘œ μœ μ§€λ©λ‹ˆλ‹€. 도ꡬ λͺ¨μŒμ—μ„œ μ•„λ¬΄κ±°λ‚˜ ν΄λ¦­ν•˜λ©΄ ν•΄λ‹Ή νŽΈμ§‘κΈ° ν•„λ“œλ‘œ λŒμ•„κ°‘λ‹ˆλ‹€):
redactor-bug

이것은 μš°λ¦¬κ°€ 보여쀀 κ²ƒμ²˜λŸΌ νŽΈμ§‘ν•˜κΈ° μœ„ν•΄ κΈ΄ ν…μŠ€νŠΈλ₯Ό κ²Œμ‹œν•˜λŠ” 일뢀 ν΄λΌμ΄μ–ΈνŠΈμ—κ²ŒλŠ” 정말 κ³ ν†΅μŠ€λŸ¬μš΄ μΌμž…λ‹ˆλ‹€. 특히 νŽΈμ§‘μž ꡬ성을 νŽΈμ§‘ν•  λ•Œ Craft의 섀정을 λ¬΄μ‹œν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. νŽΈμ§‘μž ꡬ성 파일의 'μž¬μ •μ˜'λŠ” 전체가 μ•„λ‹Œ 일뢀 섀정을 μž¬μ •μ˜ν•  수 μ—†λŠ” κ²ƒμœΌλ‘œ λ³΄μž…λ‹ˆλ‹€.

Craft 2와 3(Slack μ±„νŒ…μœΌλ‘œ 진행)μ—μ„œ μ†μƒλœ κ²ƒμœΌλ‘œ λ³΄μ΄μ§€λ§Œ μ‚¬μš©ν•  수 μ—†κ²Œ λ§Œλ“  것은 2.6.3004의 κ°œμ„  사항 λ•Œλ¬Έμ΄λΌκ³  μƒκ°ν•©λ‹ˆλ‹€.

μ•ˆλ…•ν•˜μ„Έμš” μ—¬λŸ¬λΆ„! λ‚˜λŠ” 같은 λ¬Έμ œκ°€ μžˆμ—ˆκ³  CSSλ₯Ό 톡해 μž„μ‹œ μˆ˜μ •μ„ μˆ˜ν–‰ν•˜κ³  admen νŒ¨λ„μ—μ„œ μ‹€ν–‰ νŒŒμΌμ„ μ—°κ²°ν•  수 μžˆμŠ΅λ‹ˆλ‹€. λ‹€μŒμ€ μ½”λ“œμž…λ‹ˆλ‹€.

.νŽΈμ§‘κΈ° λ ˆμ΄μ–΄ {
z-인덱슀: 101 !μ€‘μš”;
border-top: 0 !μ€‘μš”;
}
.input .redactor-도ꡬ λͺ¨μŒ {
μœ„μΉ˜: κ³ μ • !μ€‘μš”;
border-bottom: 1px μ†”λ¦¬λ“œ #e3e5e8 !μ€‘μš”;
z-인덱슀: 102 !μ€‘μš”;
λ°°κ²½: #fff !μ€‘μš”;
}

.elementselectormodal {
z-인덱슀: 1052 !μ€‘μš”;
}

image

@brandonkelly 이 λ¬Έμ œκ°€ C3뿐만 μ•„λ‹ˆλΌ C2μ—μ„œλ„ μˆ˜μ •λ  것인지 ν™•μΈν•˜κ³  μ‹Άμ—ˆμŠ΅λ‹ˆλ‹€.

@zizther 이 λ¬Έμ œλŠ” Craft 3의 Redactor ν”ŒλŸ¬κ·ΈμΈμ—λ§Œ 영ν–₯을 λ―ΈμΉ©λ‹ˆλ‹€. Craft 2의 μ„œμ‹ μžˆλŠ” ν…μŠ€νŠΈ ν•„λ“œλŠ” κ³ μ • 도ꡬ λͺ¨μŒμ„ μ§€μ›ν•©λ‹ˆλ‹€.

@brandonkelly μ € 와 @billythekid 와 같은 λ‹€λ₯Έ μ‚¬λžŒλ“€μ€ Craft 2μ—μ„œλ„ λ™μΌν•œ 문제λ₯Ό λ°œκ²¬ν–ˆμŠ΅λ‹ˆλ‹€.

μž‘λ™ν•˜μ§€λ§Œ λͺ¨λ°”일 μ€‘λ‹¨μ μ—μ„œλ§Œ μž‘λ™ν•˜λŠ” κ²ƒμœΌλ‘œ λ‚˜νƒ€λ‚¬μŠ΅λ‹ˆλ‹€.
그리고 position:fixed κ°€ μš”μ†Œμ— μ£Όμž…λ˜κΈ° λ•Œλ¬Έμ— JS와 관련이 μžˆμŠ΅λ‹ˆλ‹€.

예, μ €μ—κ²Œλ„ ν¬λž˜ν”„νŠΈ 2와 3 λͺ¨λ‘μ—μ„œ κΉ¨μ‘ŒμŠ΅λ‹ˆλ‹€.

λ‹«νžŒ λ¬Έμ œμ— λŒ€ν•΄ 논평을 ν•΄μ„œ μ£„μ†‘ν•©λ‹ˆλ‹€. ν•˜μ§€λ§Œ μ—¬μ „νžˆ Craft 3μ—μ„œ Redactor κ³ μ • 도ꡬ λͺ¨μŒμ΄ μž‘λ™ν•˜λ„λ‘ ν•  수 μ—†μŠ΅λ‹ˆλ‹€.

μ—¬κΈ°μ—μ„œ 상단에 달라뢙지 μ•ŠλŠ” 것을 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. https://img.lukepeters.me/07202018nhxkk.png

그리고 μ—¬κΈ° 두 ꡬ성 νŒŒμΌμ—μ„œ λͺ¨λ‘ toolbarFixedκ°€ true둜 μ„€μ •λ˜μ–΄ μžˆλŠ” 것을 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. https://img.lukepeters.me/07202018fd0g0.png

@LukePeters μ–΄λ–€ ν”ŒλŸ¬κ·ΈμΈ 버전을 μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆκΉŒ?

@andris-sevcenko Redactor 버전 2.1.2λŠ” ν”ŒλŸ¬κ·ΈμΈ μŠ€ν† μ–΄λ₯Ό 톡해 μ„€μΉ˜λ©λ‹ˆλ‹€.

@LukePeters κ°€ 이것을 보고 μžˆλŠ” μ‚¬μ΄νŠΈμ— μ•‘μ„ΈμŠ€ν•  수 μžˆμŠ΅λ‹ˆκΉŒ? κ·Έλ ‡λ‹€λ©΄ [email protected]으둜 이메일을

@LukePeters κ°μ‚¬ν•©λ‹ˆλ‹€! 이 문제λ₯Ό ν•΄κ²°ν•œ 2.1.3을 μΆœμ‹œν–ˆμŠ΅λ‹ˆλ‹€!

@andris-sevcenko κ³ μ • 도ꡬ λͺ¨μŒμ΄ μ—¬μ „νžˆ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. μ΅œμ‹  λ²„μ „μ˜ Chrome, Firefox 및 Safariμ—μ„œ ν…ŒμŠ€νŠΈν–ˆμŠ΅λ‹ˆλ‹€.

λ‚˜λ„ 2.1.3을 μ‚¬μš©ν•˜λŠ” 것이 두렡닀.

@lukeyouell 2.1.3?

@mattandrews 이것을 보고 μžˆλŠ” μ‚¬μ΄νŠΈμ— μ•‘μ„ΈμŠ€ν•  수 μžˆλŠ” κΈ°νšŒκ°€ μžˆμŠ΅λ‹ˆκΉŒ? μœ„μ™€ λ™μΌν•œ 거래 - [email protected]으둜 μ•‘μ„ΈμŠ€ κΆŒν•œμ„ μ΄¬μ˜ν•˜μ‹­μ‹œμ˜€.

μœ κ°μŠ€λŸ½κ²Œλ„ (κΈ°μ—… μ •μ±… λ“±) μ‘°μ •ν•  수 μ—†μ§€λ§Œ μˆ˜μ • μ‚¬ν•­μ˜ λ³€κ²½ 사항을 μ—¬κΈ° 에 μˆ˜λ™μœΌλ‘œ μ μš©ν–ˆλŠ”λ° μž‘λ™ν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€!

@mattandrews 곧 μΆœμ‹œλ  λ‹€μŒ 릴리슀(v2.1.4)μ—μ„œ μˆ˜μ •λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

μ—¬μ „νžˆ 단일 μ—΄ λ ˆμ΄μ•„μ›ƒμ—μ„œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

@KatieMFritz μ–΄λ–€ Craft 및 Redactor 버전을 μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆκΉŒ?

ν¬λž˜ν”„νŠΈ ν”„λ‘œ 3.3.13
νŽΈμ§‘μž 2.4.0

craft Pro 3.3.15 및 Redactor 2.4.0μ—μ„œ 이것을 κ²½ν—˜ν•˜μ‹­μ‹œμ˜€. 맀트릭슀 ν•„λ“œμ—μ„œ μ‚¬μš©λ©λ‹ˆλ‹€.

νŽΈμ§‘ : 라이브 미리보기가 μ—΄λ € μžˆμ§€ μ•ŠμœΌλ©΄ μž‘λ™ν•˜λŠ” κ²ƒμ²˜λŸΌ λ³΄μ΄μ§€λ§Œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

ν”ŒλŸ¬κ·ΈμΈ μŠ€ν† μ–΄μ—μ„œ μ΅œμ‹  곡예 및 μ΅œμ‹  μˆ˜μ •κΈ°λ₯Ό μ‚¬μš©ν•˜κ³  있으며 "toolbarFixed": true도 μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

λ˜ν•œ 관련이 μžˆλŠ”μ§€ μ—¬λΆ€λŠ” ν™•μ‹€ν•˜μ§€ μ•Šμ§€λ§Œ 링크λ₯Ό 클릭할 λ•Œ "μ»¨ν…μŠ€νŠΈ" 메뉴도 화면에 ν‘œμ‹œλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. 즉, 보렀면 μœ„λ‘œ μŠ€ν¬λ‘€ν•΄μ•Ό ν•˜μ§€λ§Œ 클릭해도 아무 일도 μΌμ–΄λ‚˜μ§€ μ•ŠλŠ” κ²ƒμ²˜λŸΌ λ³΄μž…λ‹ˆλ‹€. 링크(κΈ΄ λ‚΄μš© κ΄€λ ¨).

λ‚΄ λμ—μ„œ μž‘μ—…ν•˜μ§€λ§Œ 도ꡬ λͺ¨μŒμ΄ κ³ μ • νŽ˜μ΄μ§€ 헀더 μœ„κ°€ μ•„λ‹ˆλΌ 전체 μ°½ μœ„λ‘œ μ˜¬λΌκ°„ κ²½μš°μ—λ§Œ μ‹œμž‘λ˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

예, μ΄μœ λŠ” λͺ¨λ₯΄κ² μ§€λ§Œ CP CSS ν”ŒλŸ¬κ·ΈμΈμ„ μ‚¬μš©ν•˜κ³  도ꡬ λͺ¨μŒμ˜ CSSλ₯Ό μž¬μ •μ˜ν•˜μ—¬ μœ„μΉ˜λ₯Ό κ³ μ •ν•˜κ³  두 개의 λ‹€λ₯Έ λ―Έλ””μ–΄ 쿼리에 λŒ€ν•œ 두 개의 μƒμœ„ κ°’ 사이λ₯Ό μ ν”„ν•˜μ—¬ 문제λ₯Ό ν•΄κ²°ν–ˆμŠ΅λ‹ˆλ‹€.

div.redactor-toolbar-wrapper {
    position: sticky !important;
    top: 60px !important;
    background: #fff;
    z-index: 11 !important;
}
<strong i="6">@media</strong> screen and (max-width: 975px) {
    div.redactor-toolbar-wrapper {
        top: 114px !important;
    }
}

@RickKukiela μ΅œμ‹  λ²„μ „μ˜ Craft 및 Redactorλ₯Ό μ‹€ν–‰ν•˜κ³  μžˆλŠ”μ§€ ν™•μΈν•˜μ‹­μ‹œμ˜€.

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

κ΄€λ ¨ 문제

cstudios-slovakia picture cstudios-slovakia  Β·  6μ½”λ©˜νŠΈ

davist11 picture davist11  Β·  13μ½”λ©˜νŠΈ

sidm1983 picture sidm1983  Β·  7μ½”λ©˜νŠΈ

sandissauka picture sandissauka  Β·  16μ½”λ©˜νŠΈ

diluno picture diluno  Β·  3μ½”λ©˜νŠΈ