個人ブログの実装の一歩:エディタの追加
私达はすべて知っていて、1つの个人のブログを构筑する过程の中で、私达は1つの文章を书くページを実现して、このページは文字を编集してフォーマットする机能を支持しなければならなくて、それではこの机能の実现は実は既成のプラグインが使うことができて、私は検索の过程の中で1つの名前を见ました:FCCeditorエディタのプラグイン(PHP版)それでは、このエディタプラグインをPHPページに埋め込みます.
このプラグインをダウンロードしてから、ブログのソースファイルのルートディレクトリに解凍します.解凍したフォルダの名前を変更することができます.例えば、fckeditorという名前でプログラムを書くとき、プラグインのメインプログラムのソースファイルのパスを得るときに便利です.
次に、ページを直接実装できます.
では、このコードの え は、プラグインのメインプログラム(またはポータルと ばれる)のソースファイルを1つのライブラリに するように ぎ み、この「ライブラリ」のパラメータと を することです.
は まで はまた1つの に って、このエディタバーはコードの のハイライトを しません!これはプログラマーにとって ですが、 に たちがしなければならないことはFCCeditorエディタでコードの のハイライトをサポートすることです. のページの にダウンロードするプラグインがあります:insertcode
に、インストール を します.
インストール :1、まず パッケージを し、 したフォルダinsertcodeをあなたのBLOGのFCCeditoreditorpluginsフォルダ に く(insertcodeフォルダが する は、 にすべて してください)2、FCCeditorディレクトリの に って、fckconfigを く.jsファイル、Ctrl+F FCCconfigを する.Plugins.Addキーワードの を に て、このようなFCCconfigがあるかどうかを ます.Plugins.Add(‘insertcode’);の .FCCconfig.Plugins.Add(‘insertcode’,‘zh-cn,en’);ある はFCCconfig.Plugins.Add(‘insertcode’,‘zh-cn,en’);3、Ctrl+F FCCconfig.ToolbarSets["Default"]キーワードの [] の は、 コードアイコンを する がある に 'InsertCode'を します. えば、['InsertCode','Link','Unlink','Anchor','Special Char','Smiley']、4、fckconfig.jsファイルの 、インストールが しました. :FCCeditorで を 、 し、アイコンが123、 のようなボタンが3つあるので、クリックするとコードを できます.
このプラグインをダウンロードしてから、ブログのソースファイルのルートディレクトリに解凍します.解凍したフォルダの名前を変更することができます.例えば、fckeditorという名前でプログラムを書くとき、プラグインのメインプログラムのソースファイルのパスを得るときに便利です.
次に、ページを直接実装できます.
/* include , PHP ,4.0 4.0 ,5.0 5.0 */
include ("fckeditor/fckeditor.php");
$oBasePath = $_SERVER['PHP_SELF'];// $_SERVER ,
/* dirname /editor/ FCKeditor */
$oBasePath = dirname ($oBasePath)."/fckeditor/";
$ed = new FCKeditor("con"); // FCKeditor name con
$ed->BasePath = $oBasePath; //
//$ed->ToolbarSet = "Basic";
?>
"en">
"utf-8">
"X-UA-Compatible" content="IE=edge">
"viewport" content="width=device-width, initial-scale=1">
"description" content="">
"author" content="">
"icon" href="img/favicon.ico">
Blog Template <span class="hljs-keyword">for</span> Bootstrap
"css/bootstrap.min.css" rel="stylesheet">
"css/blog.css" rel="stylesheet">
\\','',$con); // \ ,
echo " :".$_POST[title].
"
".$con; //
}
?>
では、このコードの え は、プラグインのメインプログラム(またはポータルと ばれる)のソースファイルを1つのライブラリに するように ぎ み、この「ライブラリ」のパラメータと を することです.
は まで はまた1つの に って、このエディタバーはコードの のハイライトを しません!これはプログラマーにとって ですが、 に たちがしなければならないことはFCCeditorエディタでコードの のハイライトをサポートすることです. のページの にダウンロードするプラグインがあります:insertcode
に、インストール を します.
インストール :1、まず パッケージを し、 したフォルダinsertcodeをあなたのBLOGのFCCeditoreditorpluginsフォルダ に く(insertcodeフォルダが する は、 にすべて してください)2、FCCeditorディレクトリの に って、fckconfigを く.jsファイル、Ctrl+F FCCconfigを する.Plugins.Addキーワードの を に て、このようなFCCconfigがあるかどうかを ます.Plugins.Add(‘insertcode’);の .FCCconfig.Plugins.Add(‘insertcode’,‘zh-cn,en’);ある はFCCconfig.Plugins.Add(‘insertcode’,‘zh-cn,en’);3、Ctrl+F FCCconfig.ToolbarSets["Default"]キーワードの [] の は、 コードアイコンを する がある に 'InsertCode'を します. えば、['InsertCode','Link','Unlink','Anchor','Special Char','Smiley']、4、fckconfig.jsファイルの 、インストールが しました. :FCCeditorで を 、 し、アイコンが123、 のようなボタンが3つあるので、クリックするとコードを できます.