Skip to main content

Joomla Extension

JCK EditorからArk Editorへ

2019/04/19

JCK Editorは新しいMicrosoft Edgeブラウザの登場によりメンテナンスが不可能になった為。2015年3月9日で最後のメンテナンスリリースになったとの事。
現在はサポートなしのFreeで提供されています。

新たにArk Editorとして提供されています。
JCK EditorもJoomla3に対応していますが、今後の事を考えるとArk Editorに移行しておいた方が良いですね。

古い記事用にcssと画像を移植

問題は古い記事で使っていた文字のStyle定義が新しいArkEitorではそのまま利用出来ない事です。
古い記事を一つずつ修正するわけにも行かないので、取り敢えず古い記事用にアイコンを検出して、以前と同じcssを書き込んで表示をさせています。

 【文字のStyle画像】
利用サイト→plugins→editors→jckeditor→typography　フォルダーを
利用サイト→images　の中へ複製

【cssを追記】

/* 記載例マーク5個 */ 
.commenttip-jck, .pintip-jck, .documenttip-jck, .warningtip-jck, .mailtip-jck {
    margin-bottom: 20px;
    background-color: #FAFAFA !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    background-size: 28px auto !important;
    border-bottom: 1px dotted #C8C8C8;
    border-top: 1px dotted #C8C8C8;
    display: block;
    margin: 10px 0 !important;
    padding: 7px 10px 7px 35px !important;
    -webkit-transition: background-color 800ms ease-in-out;
    -moz-transition: background-color 800ms ease-in-out;
    -o-transition: background-color 800ms ease-in-out;
    transition: background-color 800ms ease-in-out;
    text-shadow: 1px 1px 1px #ffffff;
    font-size: 16px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    font-feature-settings : "palt" 1;
}
.commenttip-jck {
	background-image: url(/images/typography/comment.png)!important;
}
.pintip-jck {
	background-image: url(/images/typography/pin.png)!important;
}
.documenttip-jck {
	background-image: url(/images/typography/document.png)!important;
}
.warningtip-jck {
	background-image: url(/images/typography/warning.png)!important;
}
.mailtip-jck {
	background-image: url(/images/typography/mail.png)!important;
}