Question

我有一个WYSIWYG工具，我可以在其中创建内容。在底部，我有一个表单，我可以将值（从输入文本）提交到数据库。这很好。现在，我正在尝试提交在数据库中的WYSIWYG中创建的内容。

我正在考虑在输入中使用一个值，如下所示：

<input name="videoLink" type="text"  value="John" required/>

并使用javascript使值动态化。但必须有一个更简单的方法。使表单提交div的内容，而不必在输入框中键入任何内容。

我的代码如下所示：

＆＃13;

angular.module("textAngularTest", ['textAngular']);

function wysiwygeditor($scope) {
  $scope.orightml = '<h2>Put Your Text Here</h2>';
  $scope.htmlcontent = $scope.orightml;
  $scope.disabled = false;
};

＆＃13;

.ta-editor {
  min-height: 80px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.4/angular-sanitize.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/textAngular/1.1.2/textAngular.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.min.css" rel="stylesheet" />
<div ng-app="textAngularTest" ng-controller="wysiwygeditor" class="container app">
  <h3>WYSIWYG Editor</h3>
  <div text-angular="text-angular" name="htmlcontent" ng-model="htmlcontent" ta-disabled='disabled'></div>
  <!--<h3>Raw HTML in a text area</h3>
    <textarea ng-model="htmlcontent" style="width: 100%"></textarea>-->
  <h3>Preview</h3>
  <div ng-bind-html="htmlcontent"></div>
  <!--<h3>Bound with ta-bind, our internal html-binding directive</h3>
    <div ta-bind="text" ng-model="htmlcontent" ta-readonly='disabled'></div>-->
  <button type="button" ng-click="htmlcontent = orightml">Reset</button>

  <form action="Insert.php" method='POST' enctype='multipart/form-data'>
    <label><input name="videoLink" type="text" required/></label>
    <input id="button" type="submit" name="log">
  </form>


</div>

＆＃13;

Answer 1

使用placeholder代替value。设定值=＆＃34; ＆＃34;但是placeholder="Put text here" ......否则你会得到很多约翰斯......我认为你想要避免的是什么？我不认为你可以通过html [使用javascript]来避免php /将值传递给php，以便在数据库中输入值。

你的表格并不大。除非您的网站使用角度/包含在CMS的所有页面中，否则您不需要该数量的js。因此，如果问题确实是 如何使用最少的javascript 将变量传递给php，那么请注释。

您仍然应该使用占位符而不是值。否则，如果人们没有更改文本/可能只需按Enter / submit ..您的required错误消息就不会被激活。数据库中有很多约翰斯！：）

希望这有帮助

按钮点击提交数据库中div的内容

1 个答案: