Javascript ContentTools.js让我一事无成_Javascript

Javascript ContentTools.js让我一事无成

javascript

Javascript ContentTools.js让我一事无成,javascript,Javascript,我最近遇到了，我认为这可能是一个很好的补充我的网站工作。阅读入门/教程对我来说毫无意义——不管我怎么看，脚本都不起作用从作者页面复制完全相同的脚本或从master bin运行它，但实现到实际网站失败唯一对我有效的方法（在空的html页面上）是脚本加载了可编辑字段，删除了保存或取消编辑的内容（如果这对您有意义的话） $（文档）.ready（函数（）{ window.onload=函数（）{ 变量编辑器； editor=ContentTools.EditorApp.get（）； editor.

我最近遇到了，我认为这可能是一个很好的补充我的网站工作。阅读入门/教程对我来说毫无意义——不管我怎么看，脚本都不起作用

从作者页面复制完全相同的脚本或从master bin运行它，但实现到实际网站失败

唯一对我有效的方法（在空的html页面上）是脚本加载了可编辑字段，删除了保存或取消编辑的内容（如果这对您有意义的话）

$（文档）.ready（函数（）{
window.onload=函数（）{
变量编辑器；
editor=ContentTools.EditorApp.get（）；
editor.init（'.editable'，data name'）；
editor.bind（'save'，函数（区域）{
var xhr，有效负载，名称；
这个。忙（真）；
有效载荷=新FormData（）；
用于（区域名称）{
if（regions.hasOwnProperty（名称））{
payload.append（名称、区域[名称]）；
}
}
功能状态变化（ev）{
如果（ev.target.readyState==4）{
编辑：忙（错）；
如果（ev.target.status==“200”）{
新的ContentTools.FlashUI（'ok'）；
}否则{
新ContentTools.FlashUI（“否”）；
}
}
}
xhr=newXMLHttpRequest（）；
xhr.addEventListener（'readystatechange'，onStateChange）；
xhr.open（'POST'，'/save my page'）；
发送（有效载荷）；
});
}).打电话给（这个）；


asd
123
asd123

首先，您的代码中有错误，一些括号没有对齐，您还应该在p元素周围有一个

div

元素，并在其周围有init editor，在这种情况下，它将为每个p初始化editor，这里是fiddle

另外，由于跨域问题，加载字体时存在问题，但示例正在运行。

首先，您的代码中有错误，一些括号未对齐，并且您的p元素周围应该有一个

div

元素和init editor，在这种情况下，它将为每个p初始化编辑器，这里是fiddle

另外，由于跨域问题，加载字体时存在问题，但示例正在运行。

首先，您的代码中有错误，一些括号未对齐，并且您的p元素周围应该有一个

div

元素和init editor，在这种情况下，它将为每个p初始化编辑器，这里是fiddle

另外，由于跨域问题，加载字体时存在问题，但示例正在运行。

首先，您的代码中有错误，一些括号未对齐，并且您的p元素周围应该有一个

div

元素和init editor，在这种情况下，它将为每个p初始化编辑器，这里是fiddle

另外，由于跨域问题，加载字体时出现问题，但示例正在运行。

我也开始使用getContentTools。据我所知，您的HTML标记中有一些错误，并且您缺少另一个用于初始化getContentTools的js文件

<!DOCTYPE html>
<html>
     <head>
          <link href="http://getcontenttools.com/styles/content-tools.css" rel="stylesheet" />
          <script src="http://getcontenttools.com/scripts/content-tools.js"></script>
          <script src="/path/to/editor.js"></script>
     </head>
     <body>
        <div data-editable data-name="c1">
            <p class="editable">asd</p>
        </div>
        <div data-editable data-name="c2">
            <p class="editable">123</p>
        </div>
        <div data-editable data-name="c3">
            <p class="editable">asd123</p>
        </div>
        <!-- this should be deleted as it is generated by getContentTools -->
        <!--
        <div class="ct-app">
            <div class="ct-widget ct-ignition ct-ignition--ready ct-widget--active">
            <div class="ct-ignition__button ct-ignition__button--edit"></div>
            <div class="ct-ignition__button ct-ignition__button--confirm"></div>
            <div class="ct-ignition__button ct-ignition__button--cancel"></div>
            <div class="ct-ignition__button ct-ignition__button--busy"></div>
        </div>
        -->
    </body>
</html>

希望这有帮助

我也开始使用getContentTools。据我所知，您的HTML标记中有一些错误，并且您缺少另一个用于初始化getContentTools的js文件

<!DOCTYPE html>
<html>
     <head>
          <link href="http://getcontenttools.com/styles/content-tools.css" rel="stylesheet" />
          <script src="http://getcontenttools.com/scripts/content-tools.js"></script>
          <script src="/path/to/editor.js"></script>
     </head>
     <body>
        <div data-editable data-name="c1">
            <p class="editable">asd</p>
        </div>
        <div data-editable data-name="c2">
            <p class="editable">123</p>
        </div>
        <div data-editable data-name="c3">
            <p class="editable">asd123</p>
        </div>
        <!-- this should be deleted as it is generated by getContentTools -->
        <!--
        <div class="ct-app">
            <div class="ct-widget ct-ignition ct-ignition--ready ct-widget--active">
            <div class="ct-ignition__button ct-ignition__button--edit"></div>
            <div class="ct-ignition__button ct-ignition__button--confirm"></div>
            <div class="ct-ignition__button ct-ignition__button--cancel"></div>
            <div class="ct-ignition__button ct-ignition__button--busy"></div>
        </div>
        -->
    </body>
</html>

希望这有帮助

我也开始使用getContentTools。据我所知，您的HTML标记中有一些错误，并且您缺少另一个用于初始化getContentTools的js文件

<!DOCTYPE html>
<html>
     <head>
          <link href="http://getcontenttools.com/styles/content-tools.css" rel="stylesheet" />
          <script src="http://getcontenttools.com/scripts/content-tools.js"></script>
          <script src="/path/to/editor.js"></script>
     </head>
     <body>
        <div data-editable data-name="c1">
            <p class="editable">asd</p>
        </div>
        <div data-editable data-name="c2">
            <p class="editable">123</p>
        </div>
        <div data-editable data-name="c3">
            <p class="editable">asd123</p>
        </div>
        <!-- this should be deleted as it is generated by getContentTools -->
        <!--
        <div class="ct-app">
            <div class="ct-widget ct-ignition ct-ignition--ready ct-widget--active">
            <div class="ct-ignition__button ct-ignition__button--edit"></div>
            <div class="ct-ignition__button ct-ignition__button--confirm"></div>
            <div class="ct-ignition__button ct-ignition__button--cancel"></div>
            <div class="ct-ignition__button ct-ignition__button--busy"></div>
        </div>
        -->
    </body>
</html>

希望这有帮助

我也开始使用getContentTools。据我所知，您的HTML标记中有一些错误，并且您缺少另一个用于初始化getContentTools的js文件

<!DOCTYPE html>
<html>
     <head>
          <link href="http://getcontenttools.com/styles/content-tools.css" rel="stylesheet" />
          <script src="http://getcontenttools.com/scripts/content-tools.js"></script>
          <script src="/path/to/editor.js"></script>
     </head>
     <body>
        <div data-editable data-name="c1">
            <p class="editable">asd</p>
        </div>
        <div data-editable data-name="c2">
            <p class="editable">123</p>
        </div>
        <div data-editable data-name="c3">
            <p class="editable">asd123</p>
        </div>
        <!-- this should be deleted as it is generated by getContentTools -->
        <!--
        <div class="ct-app">
            <div class="ct-widget ct-ignition ct-ignition--ready ct-widget--active">
            <div class="ct-ignition__button ct-ignition__button--edit"></div>
            <div class="ct-ignition__button ct-ignition__button--confirm"></div>
            <div class="ct-ignition__button ct-ignition__button--cancel"></div>
            <div class="ct-ignition__button ct-ignition__button--busy"></div>
        </div>
        -->
    </body>
</html>

希望这有帮助